@thednp/tween 0.0.1 → 0.0.2

package/dist/react/react.d.mts

@@ -0,0 +1,62 @@
+/*!
+* @thednp/tween hooks for React v0.0.2 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, TweenProps } from "@thednp/tween";
+
+//#region src/react/miniStore.d.ts
+declare function useMiniStore<T extends TweenProps>(initialValue: T): T;
+//#endregion
+//#region src/react/index.d.ts
+/**
+ * Hook for updating values with Tween.
+ *
+ * **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.
+ * This has two important aspects: never configure or start update loop in SSR
+ * and only configure or start the loop when component is mounted in the client.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, tween] Tuple of reactive store and Tween instance
+ * @example
+ * const App = () => {
+ *    const [state, tween] = useTween({ x: 0, y: 0 })
+ *
+ *    useEffect(() => {
+ *      tween.to({ x: 100, y: 100 }).start()
+ *    }, [])
+ *
+ *    return (
+ *      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ *    );
+ * }
+ */
+declare const useTween: <T extends TweenProps>(initialValues: T) => readonly [T, Tween<T>];
+/**
+ * Hook for sequencing values update with Timeline.
+ *
+ * **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.
+ * This has two important aspects: never configure or start update loop in SSR
+ * and only configure or start the loop when component is mounted in the client.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, timeline] Tuple of reactive store and Timeline instance
+ * @example
+ * const App = () => {
+ *    const [state, timeline] = useTimeline({ x: 0, y: 0 })
+ *
+ *    useEffect(() => {
+ *      timeline.to({ x: 100, y: 100 }).start()
+ *    }, [])
+ *
+ *    return (
+ *      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ *    );
+ * }
+ */
+declare function useTimeline<T extends TweenProps>(initialValues: T): readonly [T, Timeline<T>];
+//#endregion
+export { Timeline, Tween, useMiniStore, useTimeline, useTween };
+//# sourceMappingURL=react.d.mts.map

package/dist/react/react.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.mts","names":[],"sources":["../../src/react/miniStore.ts","../../src/react/index.ts"],"mappings":";;;;;;;;;;iBA0JgB,YAAA,WAAuB,UAAA,CAAA,CAAY,YAAA,EAAc,CAAA,GAAC,CAAA;;;AAAlE;;;;;;;;;;;;;;;;;;ACxHA;;;;ADwHA,cCxHa,QAAA,aAAsB,UAAA,EAAY,aAAA,EAAe,CAAA,eAAC,CAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;AA4C/D;;;;;;;;iBAAgB,WAAA,WAAsB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,QAAA,CAAA,CAAA"}

package/dist/react/react.mjs

@@ -0,0 +1,183 @@
+/*!
+* @thednp/tween hooks for React v0.0.2 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { useEffect, useRef, useState } from "react";
+import { Timeline, Tween, dummyInstance, isArray, isPlainObject, isServer, objectHasProp } from "@thednp/tween";
+
+//#region src/react/miniStore.ts
+const STATE_PROXY = "_proxy";
+const proxyProps = {
+	value: 1,
+	enumerable: false,
+	configurable: false,
+	writable: false
+};
+function defineArrayProxy(index, value, target, sourceLen, notifyListeners) {
+	const itemIsLast = index === sourceLen - 1;
+	if (isArray(value)) {
+		const subArray = [];
+		const valueLen = value.length;
+		value.forEach((itm, idx) => {
+			const subItemIsLast = itemIsLast && idx === valueLen - 1;
+			let currentItem = itm;
+			Object.defineProperty(subArray, idx, {
+				get: () => currentItem,
+				set: (newValue) => {
+					currentItem = newValue;
+					if (subItemIsLast) notifyListeners();
+				},
+				enumerable: true
+			});
+		});
+		target[index] = subArray;
+	} else {
+		let currentValue = value;
+		const getter = () => currentValue;
+		const setter = (newVal) => {
+			currentValue = newVal;
+			if (itemIsLast) notifyListeners();
+		};
+		Object.defineProperties(target, { [index]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		} });
+	}
+}
+function defineStateProxy(key, value, target, notifyListeners) {
+	const valueIsArray = isArray(value);
+	let currentValue = value;
+	const getter = () => currentValue;
+	let setter;
+	if (valueIsArray) {
+		const arrayProxy = [];
+		const valLength = value.length;
+		for (let i = 0; i < valLength; i++) defineArrayProxy(i, value[i], arrayProxy, valLength, notifyListeners);
+		currentValue = arrayProxy;
+	} else setter = (newValue) => {
+		if (currentValue !== newValue) {
+			currentValue = newValue;
+			notifyListeners();
+		}
+	};
+	Object.defineProperties(target, {
+		[STATE_PROXY]: proxyProps,
+		[key]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		}
+	});
+}
+function createMiniState(obj, parentReceiver, notifyListeners) {
+	if (objectHasProp(obj, STATE_PROXY)) return obj;
+	for (const [key, value] of Object.entries(obj)) if (isPlainObject(value)) parentReceiver[key] = createMiniState(value, {}, notifyListeners);
+	else defineStateProxy(key, value, parentReceiver, notifyListeners);
+	return parentReceiver;
+}
+function miniStore(init) {
+	const listeners = /* @__PURE__ */ new Set();
+	const notifyListeners = () => {
+		listeners.forEach((listener) => listener(store));
+	};
+	const store = createMiniState(init, {}, notifyListeners);
+	return {
+		get state() {
+			return store;
+		},
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+	};
+}
+function useMiniStore(initialValue) {
+	const storeRef = useRef(null);
+	const [, setVersion] = useState(0);
+	if (!storeRef.current) storeRef.current = miniStore(initialValue);
+	useEffect(() => storeRef.current.subscribe(() => setVersion((v) => v === 2 ? 0 : v + 1)), []);
+	return storeRef.current.state;
+}
+
+//#endregion
+//#region src/react/index.ts
+/**
+* Hook for updating values with Tween.
+*
+* **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.
+* This has two important aspects: never configure or start update loop in SSR
+* and only configure or start the loop when component is mounted in the client.
+*
+* @param initialValues - Initial tween values
+* @returns [store, tween] Tuple of reactive store and Tween instance
+* @example
+* const App = () => {
+*    const [state, tween] = useTween({ x: 0, y: 0 })
+*
+*    useEffect(() => {
+*      tween.to({ x: 100, y: 100 }).start()
+*    }, [])
+*
+*    return (
+*      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+*    );
+* }
+*/
+const useTween = (initialValues) => {
+	if (isServer) return [initialValues, dummyInstance];
+	const tweenRef = useRef(null);
+	const state = useMiniStore(initialValues);
+	if (!tweenRef.current) tweenRef.current = new Tween(state);
+	useEffect(() => {
+		return () => {
+			tweenRef.current?.stop();
+			tweenRef.current?.clear();
+		};
+	}, []);
+	return [state, tweenRef.current];
+};
+/**
+* Hook for sequencing values update with Timeline.
+*
+* **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.
+* This has two important aspects: never configure or start update loop in SSR
+* and only configure or start the loop when component is mounted in the client.
+*
+* @param initialValues - Initial tween values
+* @returns [store, timeline] Tuple of reactive store and Timeline instance
+* @example
+* const App = () => {
+*    const [state, timeline] = useTimeline({ x: 0, y: 0 })
+*
+*    useEffect(() => {
+*      timeline.to({ x: 100, y: 100 }).start()
+*    }, [])
+*
+*    return (
+*      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+*    );
+* }
+*/
+function useTimeline(initialValues) {
+	if (isServer) return [initialValues, dummyInstance];
+	const timelineRef = useRef(null);
+	const state = useMiniStore(initialValues);
+	if (!timelineRef.current) timelineRef.current = new Timeline(state);
+	useEffect(() => {
+		return () => {
+			timelineRef.current?.clear();
+			timelineRef.current?.stop();
+		};
+	}, []);
+	return [state, timelineRef.current];
+}
+
+//#endregion
+export { Timeline, Tween, useMiniStore, useTimeline, useTween };
+//# sourceMappingURL=react.mjs.map

package/dist/react/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.mjs","names":[],"sources":["../../src/react/miniStore.ts","../../src/react/index.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\ntype Listener<T> = (state: T) => void;\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n\n      let currentItem = itm;\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          // Only notify on last element to batch updates\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T],\n  target: T | ArrayVal,\n  notifyListeners: () => void,\n) {\n  const valueIsArray = isArray(value);\n  let currentValue = value as ArrayVal | ArrayVal[];\n\n  const getter = () => currentValue;\n  let setter;\n\n  if (valueIsArray) {\n    // Build array proxy structure\n    const arrayProxy: ArrayVal | ArrayVal[] = [];\n    const valLength = value.length;\n\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(\n        i,\n        (value as ArrayVal)[i],\n        arrayProxy as ArrayVal,\n        valLength,\n        notifyListeners,\n      );\n    }\n    currentValue = arrayProxy;\n  } else {\n    setter = (newValue: typeof currentValue) => {\n      if (currentValue !== newValue) {\n        currentValue = newValue;\n        notifyListeners();\n      }\n    };\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps,\n  notifyListeners: () => void,\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      parentReceiver[key] = createMiniState(value, {}, notifyListeners);\n    } else {\n      defineStateProxy(key, value, parentReceiver, notifyListeners);\n    }\n  }\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  const listeners = new Set<Listener<T>>();\n  const notifyListeners = () => {\n    listeners.forEach((listener) => listener(store));\n  };\n\n  const store = createMiniState(init, {}, notifyListeners) as T;\n\n  return {\n    get state() {\n      return store;\n    },\n    subscribe: (listener: Listener<T>) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\nexport function useMiniStore<T extends TweenProps>(initialValue: T) {\n  const storeRef = useRef<ReturnType<typeof miniStore<T>>>(null);\n  const [, setVersion] = useState(0);\n\n  // istanbul ignore else @preserve\n  if (!storeRef.current) {\n    storeRef.current = miniStore(initialValue);\n  }\n\n  useEffect(\n    () =>\n      storeRef.current!.subscribe(() =>\n        setVersion((v) => v === 2 ? /* istanbul ignore next */ 0 : v + 1)\n      ),\n    [],\n  );\n\n  return storeRef.current!.state;\n}\n","import { useEffect, useRef } from \"react\";\nimport {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { useMiniStore } from \"./miniStore.ts\";\n\nexport { Timeline, Tween, useMiniStore };\n\n/**\n * Hook for updating values with Tween.\n *\n * **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.\n * This has two important aspects: never configure or start update loop in SSR\n * and only configure or start the loop when component is mounted in the client.\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n * @example\n * const App = () => {\n *    const [state, tween] = useTween({ x: 0, y: 0 })\n *\n *    useEffect(() => {\n *      tween.to({ x: 100, y: 100 }).start()\n *    }, [])\n *\n *    return (\n *      <div style={{ translate: `${state.x}px ${state.y}px` }} />\n *    );\n * }\n */\nexport const useTween = <T extends TweenProps>(initialValues: T) => {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const tweenRef = useRef<Tween<T> | null>(null);\n  const state = useMiniStore(initialValues);\n\n  // istanbul ignore else @preserve\n  if (!tweenRef.current) {\n    tweenRef.current = new Tween(state);\n  }\n\n  useEffect(() => {\n    return () => {\n      tweenRef.current?.stop();\n      tweenRef.current?.clear();\n    };\n  }, []);\n\n  return [state, tweenRef.current] as [T, Tween<T>];\n};\n\n/**\n * Hook for sequencing values update with Timeline.\n *\n * **NOTE**: - configuration must be wrapped in `useEffect` or `eventListener`.\n * This has two important aspects: never configure or start update loop in SSR\n * and only configure or start the loop when component is mounted in the client.\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n * @example\n * const App = () => {\n *    const [state, timeline] = useTimeline({ x: 0, y: 0 })\n *\n *    useEffect(() => {\n *      timeline.to({ x: 100, y: 100 }).start()\n *    }, [])\n *\n *    return (\n *      <div style={{ translate: `${state.x}px ${state.y}px` }} />\n *    );\n * }\n */\nexport function useTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const timelineRef = useRef<Timeline<T> | null>(null);\n  const state = useMiniStore(initialValues);\n\n  // istanbul ignore else @preserve\n  if (!timelineRef.current) {\n    timelineRef.current = new Timeline(state);\n  }\n\n  useEffect(() => {\n    return () => {\n      timelineRef.current?.clear();\n      timelineRef.current?.stop();\n    };\n  }, []);\n\n  return [state, timelineRef.current] as [T, Timeline<T>];\n}\n"],"mappings":"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"}

package/dist/solid/solid.d.mts

@@ -0,0 +1,60 @@
+/*!
+* @thednp/tween primitives for SolidJS v0.0.2 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, TweenProps } from "@thednp/tween";
+
+//#region src/solid/miniStore.d.ts
+declare function miniStore<T extends TweenProps>(init: T): T;
+//#endregion
+//#region src/solid/index.d.ts
+/**
+ * SolidJS primitive for updating values with Tween.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, tween] Tuple of reactive store and Tween instance
+ * @example
+ * const App = () => {
+ *    const [state, tween] = createTween({ x: 0, y: 0 })
+ *
+ *    // configuration is free-form, no re-render ever happens
+ *    tween.to({ x: 100, y: 100 })
+ *
+ *    onMount(() => {
+ *      tween.start()
+ *    })
+ *
+ *    return (
+ *      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ *    );
+ * }
+ */
+declare function createTween<T extends TweenProps>(initialValues: T): readonly [T, Tween<T>];
+/**
+ * SolidJS primitive for sequencing values update with Timeline.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, timeline] Tuple of reactive store and Timeline instance
+ * @example
+ * const App = () => {
+ *    const [state, timeline] = createTimeline({ x: 0, y: 0 })
+ *
+ *    // configuration is free-form
+ *    timeline.to({ x: 100, y: 100 })
+ *
+ *    onMount(() => {
+ *      timeline.start()
+ *    })
+ *
+ *    return (
+ *      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ *    );
+ * }
+ */
+declare function createTimeline<T extends TweenProps>(initialValues: T): readonly [T, Timeline<T>];
+//#endregion
+export { Timeline, Tween, createTimeline, createTween, miniStore };
+//# sourceMappingURL=solid.d.mts.map

package/dist/solid/solid.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.d.mts","names":[],"sources":["../../src/solid/miniStore.ts","../../src/solid/index.ts"],"mappings":";;;;;;;;;;iBA2HgB,SAAA,WAAoB,UAAA,CAAA,CAAY,IAAA,EAAM,CAAA,GAChB,CAAA;;;AADtC;;;;;;;;;;;;;;;;;;AC1FA;;;AD0FA,iBC1FgB,WAAA,WAAsB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAoClE;;;;;;iBAAgB,cAAA,WAAyB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,QAAA,CAAA,CAAA"}

package/dist/solid/solid.mjs

@@ -0,0 +1,157 @@
+/*!
+* @thednp/tween primitives for SolidJS v0.0.2 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, dummyInstance, isArray, isPlainObject, isServer, objectHasProp } from "@thednp/tween";
+import { createSignal, onCleanup } from "solid-js";
+
+//#region src/solid/miniStore.ts
+const STATE_PROXY = "_proxy";
+const proxyProps = {
+	value: 1,
+	enumerable: false,
+	configurable: false,
+	writable: false
+};
+function defineArrayProxy(index, value, target, sourceLen, notifyListeners) {
+	const itemIsLast = index === sourceLen - 1;
+	if (isArray(value)) {
+		const subArray = [];
+		const valueLen = value.length;
+		value.forEach((itm, idx) => {
+			const subItemIsLast = itemIsLast && idx === valueLen - 1;
+			let currentItem = itm;
+			Object.defineProperty(subArray, idx, {
+				get: () => currentItem,
+				set: (newValue) => {
+					currentItem = newValue;
+					if (subItemIsLast) notifyListeners();
+				},
+				enumerable: true
+			});
+		});
+		target[index] = subArray;
+	} else {
+		let currentValue = value;
+		const getter = () => currentValue;
+		const setter = (newVal) => {
+			currentValue = newVal;
+			if (itemIsLast) notifyListeners();
+		};
+		Object.defineProperties(target, { [index]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		} });
+	}
+}
+function defineStateProxy(key, value, target) {
+	const [get, set] = createSignal(value);
+	let getter = get;
+	let setter;
+	if (isArray(value)) {
+		const arrayProxy = [];
+		const valLength = value.length;
+		const [version, setVersion] = createSignal(0);
+		for (let i = 0; i < valLength; i++) defineArrayProxy(i, value[i], arrayProxy, valLength, () => {
+			setVersion((v) => 1 - v);
+		});
+		getter = () => {
+			version();
+			return get();
+		};
+		set(arrayProxy);
+	} else {
+		setter = set;
+		set(value);
+	}
+	Object.defineProperties(target, {
+		[STATE_PROXY]: proxyProps,
+		[key]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		}
+	});
+}
+function createMiniState(obj, parentReceiver) {
+	if (objectHasProp(obj, STATE_PROXY)) return obj;
+	for (const [key, value] of Object.entries(obj)) if (isPlainObject(value)) parentReceiver[key] = createMiniState(value, {});
+	else defineStateProxy(key, value, parentReceiver);
+	return parentReceiver;
+}
+function miniStore(init) {
+	return createMiniState(init, {});
+}
+
+//#endregion
+//#region src/solid/index.ts
+/**
+* SolidJS primitive for updating values with Tween.
+*
+* @param initialValues - Initial tween values
+* @returns [store, tween] Tuple of reactive store and Tween instance
+* @example
+* const App = () => {
+*    const [state, tween] = createTween({ x: 0, y: 0 })
+*
+*    // configuration is free-form, no re-render ever happens
+*    tween.to({ x: 100, y: 100 })
+*
+*    onMount(() => {
+*      tween.start()
+*    })
+*
+*    return (
+*      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+*    );
+* }
+*/
+function createTween(initialValues) {
+	if (isServer) return [initialValues, dummyInstance];
+	const store = miniStore(initialValues);
+	const tween = new Tween(store);
+	onCleanup(() => {
+		tween.stop();
+		tween.clear();
+	});
+	return [store, tween];
+}
+/**
+* SolidJS primitive for sequencing values update with Timeline.
+*
+* @param initialValues - Initial tween values
+* @returns [store, timeline] Tuple of reactive store and Timeline instance
+* @example
+* const App = () => {
+*    const [state, timeline] = createTimeline({ x: 0, y: 0 })
+*
+*    // configuration is free-form
+*    timeline.to({ x: 100, y: 100 })
+*
+*    onMount(() => {
+*      timeline.start()
+*    })
+*
+*    return (
+*      <div style={{ translate: `${state.x}px ${state.y}px` }} />
+*    );
+* }
+*/
+function createTimeline(initialValues) {
+	if (isServer) return [initialValues, dummyInstance];
+	const store = miniStore(initialValues);
+	const timeline = new Timeline(store);
+	onCleanup(() => {
+		timeline.stop();
+		timeline.clear();
+	});
+	return [store, timeline];
+}
+
+//#endregion
+export { Timeline, Tween, createTimeline, createTween, miniStore };
+//# sourceMappingURL=solid.mjs.map

package/dist/solid/solid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.mjs","names":[],"sources":["../../src/solid/miniStore.ts","../../src/solid/index.ts"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n\n      let currentItem = itm;\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          // Only notify on last element to batch updates\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T] | ArrayVal,\n  target: T | ArrayVal,\n) {\n  const [get, set] = createSignal(value);\n  let getter = get;\n  let setter;\n\n  if (isArray(value)) {\n    const arrayProxy: typeof value = [];\n    const valLength = value.length;\n    const [version, setVersion] = createSignal(0);\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(i, (value as ArrayVal)[i], arrayProxy, valLength, () => {\n        setVersion((v) => 1 - v);\n      });\n    }\n    getter = () => {\n      version();\n      return get();\n    };\n\n    set(arrayProxy);\n  } else {\n    setter = set;\n    set(value as never);\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps | number[] | [string, ...number[]][],\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      (parentReceiver as TweenProps)[key] = createMiniState(value, {});\n    } else {\n      defineStateProxy(key, value, parentReceiver);\n    }\n  }\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  return createMiniState(init, {}) as T;\n}\n","import {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { onCleanup } from \"solid-js\";\nimport { miniStore } from \"./miniStore.ts\";\n\nexport { miniStore, Timeline, Tween };\n\n/**\n * SolidJS primitive for updating values with Tween.\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n * @example\n * const App = () => {\n *    const [state, tween] = createTween({ x: 0, y: 0 })\n *\n *    // configuration is free-form, no re-render ever happens\n *    tween.to({ x: 100, y: 100 })\n *\n *    onMount(() => {\n *      tween.start()\n *    })\n *\n *    return (\n *      <div style={{ translate: `${state.x}px ${state.y}px` }} />\n *    );\n * }\n */\nexport function createTween<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const tween = new Tween(store);\n\n  onCleanup(() => {\n    tween.stop();\n    tween.clear();\n  });\n\n  return [store, tween] as [T, Tween<T>];\n}\n\n/**\n * SolidJS primitive for sequencing values update with Timeline.\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n * @example\n * const App = () => {\n *    const [state, timeline] = createTimeline({ x: 0, y: 0 })\n *\n *    // configuration is free-form\n *    timeline.to({ x: 100, y: 100 })\n *\n *    onMount(() => {\n *      timeline.start()\n *    })\n *\n *    return (\n *      <div style={{ translate: `${state.x}px ${state.y}px` }} />\n *    );\n * }\n */\nexport function createTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const timeline = new Timeline(store);\n\n  onCleanup(() => {\n    timeline.stop();\n    timeline.clear();\n  });\n\n  return [store, timeline] as [T, Timeline<T>];\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc;AACpB,MAAM,aAAa;CACjB,OAAO;CACP,YAAY;CACZ,cAAc;CACd,UAAU;CACX;AAED,SAAS,iBACP,OACA,OACA,QACA,WACA,iBACA;CACA,MAAM,aAAa,UAAU,YAAY;AAEzC,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,WAAyB,EAAE;EACjC,MAAM,WAAW,MAAM;AAEvB,QAAM,SAAS,KAAK,QAAQ;GAC1B,MAAM,gBAAgB,cAAc,QAAQ,WAAW;GAEvD,IAAI,cAAc;AAClB,UAAO,eAAe,UAAU,KAAK;IACnC,WAAW;IACX,MAAM,aAAyB;AAC7B,mBAAc;AAGd,SAAI,cACF,kBAAiB;;IAGrB,YAAY;IACb,CAAC;IACF;AACF,SAAO,SAAS;QACX;EACL,IAAI,eAAe;EACnB,MAAM,eAAe;EACrB,MAAM,UAAU,WAAyB;AACvC,kBAAe;AACf,OAAI,WACF,kBAAiB;;AAGrB,SAAO,iBAAiB,QAAQ,GAC7B,QAAQ;GACP,KAAK;GACL,KAAK;GACL,YAAY;GACb,EACF,CAAC;;;AAIN,SAAS,iBACP,KACA,OACA,QACA;CACA,MAAM,CAAC,KAAK,OAAO,aAAa,MAAM;CACtC,IAAI,SAAS;CACb,IAAI;AAEJ,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,aAA2B,EAAE;EACnC,MAAM,YAAY,MAAM;EACxB,MAAM,CAAC,SAAS,cAAc,aAAa,EAAE;AAC7C,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAC7B,kBAAiB,GAAI,MAAmB,IAAI,YAAY,iBAAiB;AACvE,eAAY,MAAM,IAAI,EAAE;IACxB;AAEJ,iBAAe;AACb,YAAS;AACT,UAAO,KAAK;;AAGd,MAAI,WAAW;QACV;AACL,WAAS;AACT,MAAI,MAAe;;AAGrB,QAAO,iBAAiB,QAAQ;GAC7B,cAAc;GACd,MAAM;GACL,KAAK;GACL,KAAK;GACL,YAAY;GACb;EACF,CAAC;;AAGJ,SAAS,gBACP,KACA,gBACA;AACA,KAAI,cAAc,KAAK,YAAY,CAAE,QAAO;AAE5C,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,CAC5C,KAAI,cAAc,MAAM,CACtB,CAAC,eAA8B,OAAO,gBAAgB,OAAO,EAAE,CAAC;KAEhE,kBAAiB,KAAK,OAAO,eAAe;AAIhD,QAAO;;AAGT,SAAgB,UAAgC,MAAS;AACvD,QAAO,gBAAgB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AC3FlC,SAAgB,YAAkC,eAAkB;AAClE,KAAI,SACF,QAAO,CAAC,eAAe,cAAqC;CAE9D,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,QAAQ,IAAI,MAAM,MAAM;AAE9B,iBAAgB;AACd,QAAM,MAAM;AACZ,QAAM,OAAO;GACb;AAEF,QAAO,CAAC,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;AAwBvB,SAAgB,eAAqC,eAAkB;AACrE,KAAI,SACF,QAAO,CAAC,eAAe,cAAwC;CAEjE,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,WAAW,IAAI,SAAS,MAAM;AAEpC,iBAAgB;AACd,WAAS,MAAM;AACf,WAAS,OAAO;GAChB;AAEF,QAAO,CAAC,OAAO,SAAS"}

package/dist/svelte/svelte.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.d.mts","names":[],"sources":["../../src/svelte/miniStore.svelte.ts","../../src/svelte/index.svelte.ts"],"mappings":";;;;;;;;;;iBA2HgB,SAAA,WAAoB,UAAA,CAAA,CAAY,IAAA,EAAM,CAAA,GAChB,CAAA;;;AADtC;;;;;;;;;;;;;;;;;;AC3FA;;AD2FA,iBC3FgB,WAAA,WAAsB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;AAmClE;;;;iBAAgB,cAAA,WAAyB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,QAAA,CAAA,CAAA"}

package/dist/svelte/svelte.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.mjs","names":[],"sources":["../../src/svelte/miniStore.svelte.ts","../../src/svelte/index.svelte.ts"],"sourcesContent":["import {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n      let currentItem = itm;\n\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          // Only notify on last element to batch updates\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T] | ArrayVal,\n  target: T | ArrayVal,\n) {\n  let state = $state.raw(value);\n  let getter = () => state;\n  let setter;\n\n  if (isArray(value)) {\n    const arrayProxy: typeof value = [];\n    const valLength = value.length;\n    let version = $state.raw(0);\n    const getVersion = () => version;\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(i, (value as ArrayVal)[i], arrayProxy, valLength, () => {\n        version = 1 - version;\n      });\n    }\n    getter = () => {\n      getVersion();\n      return state;\n    };\n\n    state = arrayProxy;\n  } else {\n    setter = (newVal: typeof value) => state = newVal;\n    state = value;\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps | number[] | [string, ...number[]][],\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      (parentReceiver as TweenProps)[key] = createMiniState(value, {});\n    } else {\n      defineStateProxy(key, value, parentReceiver);\n    }\n  }\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  return createMiniState(init, {}) as T;\n}\n","import {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { onDestroy } from \"svelte\";\nimport { miniStore } from \"./miniStore.svelte.ts\";\n\nexport { miniStore, Timeline, Tween };\n\n/**\n * Svelte hook for updating values with Tween.\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n *\n * @example\n * <script lang=\"ts\">\n *    const [state, tween] = createTween({ x: 0, y: 0 })\n *\n *    // configuration is free-form, no re-render ever happens\n *    tween.to({ x: 100, y: 100 })\n *\n *    onMount(() => {\n *      tween.start()\n *    })\n * </script>\n *\n * <div style={{ translate: `${state.x}px ${state.y}px` }} />\n */\nexport function createTween<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const tween = new Tween(store);\n\n  onDestroy(() => {\n    tween.stop();\n    tween.clear();\n  });\n\n  return [store, tween] as [T, Tween<T>];\n}\n\n/**\n * Svelte hook for sequencing values update with Timeline.\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n *\n * @example\n * <script lang=\"ts\">\n *    const [state, timeline] = createTimeline({ x: 0, y: 0 })\n *\n *    // configuration is free-form\n *    timeline.to({ x: 100, y: 100 })\n *\n *    onMount(() => {\n *      timeline.start()\n *    })\n * </script>\n *\n * <div style={{ translate: `${state.x}px ${state.y}px` }} />\n */\nexport function createTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const timeline = new Timeline(store);\n\n  onDestroy(() => {\n    timeline.stop();\n    timeline.clear();\n  });\n\n  return [store, timeline] as [T, Timeline<T>];\n}\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,cAAc;AACpB,MAAM,aAAa;CACjB,OAAO;CACP,YAAY;CACZ,cAAc;CACd,UAAU;CACX;AAED,SAAS,iBACP,OACA,OACA,QACA,WACA,iBACA;CACA,MAAM,aAAa,UAAU,YAAY;AAEzC,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,WAAyB,EAAE;EACjC,MAAM,WAAW,MAAM;AAEvB,QAAM,SAAS,KAAK,QAAQ;GAC1B,MAAM,gBAAgB,cAAc,QAAQ,WAAW;GACvD,IAAI,cAAc;AAElB,UAAO,eAAe,UAAU,KAAK;IACnC,WAAW;IACX,MAAM,aAAyB;AAC7B,mBAAc;AAGd,SAAI,cACF,kBAAiB;;IAGrB,YAAY;IACb,CAAC;IACF;AACF,SAAO,SAAS;QACX;EACL,IAAI,eAAe;EACnB,MAAM,eAAe;EACrB,MAAM,UAAU,WAAyB;AACvC,kBAAe;AACf,OAAI,WACF,kBAAiB;;AAGrB,SAAO,iBAAiB,QAAQ,GAC7B,QAAQ;GACP,KAAK;GACL,KAAK;GACL,YAAY;GACb,EACF,CAAC;;;AAIN,SAAS,iBACP,KACA,OACA,QACA;CACA,IAAI,QAAQ,OAAO,IAAI,MAAM;CAC7B,IAAI,eAAe;CACnB,IAAI;AAEJ,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,aAA2B,EAAE;EACnC,MAAM,YAAY,MAAM;EACxB,IAAI,UAAU,OAAO,IAAI,EAAE;EAC3B,MAAM,mBAAmB;AACzB,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAC7B,kBAAiB,GAAI,MAAmB,IAAI,YAAY,iBAAiB;AACvE,aAAU,IAAI;IACd;AAEJ,iBAAe;AACb,eAAY;AACZ,UAAO;;AAGT,UAAQ;QACH;AACL,YAAU,WAAyB,QAAQ;AAC3C,UAAQ;;AAGV,QAAO,iBAAiB,QAAQ;GAC7B,cAAc;GACd,MAAM;GACL,KAAK;GACL,KAAK;GACL,YAAY;GACb;EACF,CAAC;;AAGJ,SAAS,gBACP,KACA,gBACA;AACA,KAAI,cAAc,KAAK,YAAY,CAAE,QAAO;AAE5C,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,CAC5C,KAAI,cAAc,MAAM,CACtB,CAAC,eAA8B,OAAO,gBAAgB,OAAO,EAAE,CAAC;KAEhE,kBAAiB,KAAK,OAAO,eAAe;AAIhD,QAAO;;AAGT,SAAgB,UAAgC,MAAS;AACvD,QAAO,gBAAgB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AC5FlC,SAAgB,YAAkC,eAAkB;AAClE,KAAI,SACF,QAAO,CAAC,eAAe,cAAqC;CAE9D,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,QAAQ,IAAI,MAAM,MAAM;AAE9B,iBAAgB;AACd,QAAM,MAAM;AACZ,QAAM,OAAO;GACb;AAEF,QAAO,CAAC,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;AAuBvB,SAAgB,eAAqC,eAAkB;AACrE,KAAI,SACF,QAAO,CAAC,eAAe,cAAwC;CAEjE,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,WAAW,IAAI,SAAS,MAAM;AAEpC,iBAAgB;AACd,WAAS,MAAM;AACf,WAAS,OAAO;GAChB;AAEF,QAAO,CAAC,OAAO,SAAS"}

package/dist/svelte/tween.svelte.d.ts

@@ -0,0 +1,58 @@
+/*!
+* @thednp/tween utils for Svelte v0.0.2 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, TweenProps } from "@thednp/tween";
+
+//#region src/svelte/miniStore.svelte.d.ts
+declare function miniStore<T extends TweenProps>(init: T): T;
+//#endregion
+//#region src/svelte/index.svelte.d.ts
+/**
+ * Svelte hook for updating values with Tween.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, tween] Tuple of reactive store and Tween instance
+ *
+ * @example
+ * <script lang="ts">
+ *    const [state, tween] = createTween({ x: 0, y: 0 })
+ *
+ *    // configuration is free-form, no re-render ever happens
+ *    tween.to({ x: 100, y: 100 })
+ *
+ *    onMount(() => {
+ *      tween.start()
+ *    })
+ * </script>
+ *
+ * <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ */
+declare function createTween<T extends TweenProps>(initialValues: T): readonly [T, Tween<T>];
+/**
+ * Svelte hook for sequencing values update with Timeline.
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, timeline] Tuple of reactive store and Timeline instance
+ *
+ * @example
+ * <script lang="ts">
+ *    const [state, timeline] = createTimeline({ x: 0, y: 0 })
+ *
+ *    // configuration is free-form
+ *    timeline.to({ x: 100, y: 100 })
+ *
+ *    onMount(() => {
+ *      timeline.start()
+ *    })
+ * </script>
+ *
+ * <div style={{ translate: `${state.x}px ${state.y}px` }} />
+ */
+declare function createTimeline<T extends TweenProps>(initialValues: T): readonly [T, Timeline<T>];
+//#endregion
+export { Timeline, Tween, createTimeline, createTween, miniStore };
+//# sourceMappingURL=svelte.d.mts.map