@tamagui/animation-helpers 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/propertyNames.native.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var propertyNames_exports = {};
+__export(propertyNames_exports, {
+	canonicalTransitionProperty: () => canonicalTransitionProperty,
+	isTransformProperty: () => isTransformProperty,
+	styleKeysForProperty: () => styleKeysForProperty
+});
+module.exports = __toCommonJS(propertyNames_exports);
+var transformProperties = {
+	x: "translate",
+	y: "translate",
+	z: "translate",
+	translate: "translate",
+	translateX: "translate",
+	translateY: "translate",
+	translateZ: "translate",
+	scale: "scale",
+	scaleX: "scale",
+	scaleY: "scale",
+	scaleZ: "scale",
+	rotate: "rotate",
+	rotateX: "transform",
+	rotateY: "transform",
+	rotateZ: "transform",
+	skewX: "transform",
+	skewY: "transform",
+	perspective: "transform",
+	matrix: "transform",
+	transform: "transform"
+};
+function canonicalTransitionProperty(key) {
+	if (key === "all" || key === "none") return key;
+	var transform = transformProperties[key];
+	if (transform) return transform;
+	return key.includes("-") ? key : key.replace(/[A-Z]/g, "-$&").toLowerCase();
+}
+function isTransformProperty(key) {
+	return key in transformProperties;
+}
+var styleKeysByProperty = {
+	translate: [
+		"translate",
+		"translateX",
+		"translateY",
+		"translateZ",
+		"x",
+		"y",
+		"z"
+	],
+	scale: [
+		"scale",
+		"scaleX",
+		"scaleY",
+		"scaleZ"
+	],
+	rotate: ["rotate"],
+	transform: [
+		"transform",
+		"rotateX",
+		"rotateY",
+		"rotateZ",
+		"skewX",
+		"skewY",
+		"perspective",
+		"matrix"
+	]
+};
+function styleKeysForProperty(property) {
+	var transform = styleKeysByProperty[property];
+	if (transform) return transform;
+	return [property.replace(/-([a-z])/g, function(_, letter) {
+		return letter.toUpperCase();
+	})];
+}
+
+//# sourceMappingURL=propertyNames.native.js.map

package/dist/cjs/propertyNames.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyNames.native.js","names":[],"sources":["cjs/propertyNames.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar propertyNames_exports = {};\n__export(propertyNames_exports, {\n  canonicalTransitionProperty: () => canonicalTransitionProperty,\n  isTransformProperty: () => isTransformProperty,\n  styleKeysForProperty: () => styleKeysForProperty\n});\nmodule.exports = __toCommonJS(propertyNames_exports);\nvar transformProperties = {\n  x: \"translate\",\n  y: \"translate\",\n  z: \"translate\",\n  translate: \"translate\",\n  translateX: \"translate\",\n  translateY: \"translate\",\n  translateZ: \"translate\",\n  scale: \"scale\",\n  scaleX: \"scale\",\n  scaleY: \"scale\",\n  scaleZ: \"scale\",\n  rotate: \"rotate\",\n  rotateX: \"transform\",\n  rotateY: \"transform\",\n  rotateZ: \"transform\",\n  skewX: \"transform\",\n  skewY: \"transform\",\n  perspective: \"transform\",\n  matrix: \"transform\",\n  transform: \"transform\"\n};\nfunction canonicalTransitionProperty(key) {\n  if (key === \"all\" || key === \"none\") return key;\n  var transform = transformProperties[key];\n  if (transform) return transform;\n  return key.includes(\"-\") ? key : key.replace(/[A-Z]/g, \"-$&\").toLowerCase();\n}\nfunction isTransformProperty(key) {\n  return key in transformProperties;\n}\nvar styleKeysByProperty = {\n  translate: [\n    \"translate\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ],\n  scale: [\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"scaleZ\"\n  ],\n  rotate: [\n    \"rotate\"\n  ],\n  transform: [\n    \"transform\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skewX\",\n    \"skewY\",\n    \"perspective\",\n    \"matrix\"\n  ]\n};\nfunction styleKeysForProperty(property) {\n  var transform = styleKeysByProperty[property];\n  if (transform) return transform;\n  return [\n    property.replace(/-([a-z])/g, function(_, letter) {\n      return letter.toUpperCase();\n    })\n  ];\n}\n//# sourceMappingURL=propertyNames.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB;CAC9B,mCAAmC;CACnC,2BAA2B;CAC3B,4BAA4B;AAC9B,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,IAAI,sBAAsB;CACxB,GAAG;CACH,GAAG;CACH,GAAG;CACH,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;CACb,QAAQ;CACR,WAAW;AACb;AACA,SAAS,4BAA4B,KAAK;CACxC,IAAI,QAAQ,SAAS,QAAQ,QAAQ,OAAO;CAC5C,IAAI,YAAY,oBAAoB;CACpC,IAAI,WAAW,OAAO;CACtB,OAAO,IAAI,SAAS,GAAG,IAAI,MAAM,IAAI,QAAQ,UAAU,KAAK,CAAC,CAAC,YAAY;AAC5E;AACA,SAAS,oBAAoB,KAAK;CAChC,OAAO,OAAO;AAChB;AACA,IAAI,sBAAsB;CACxB,WAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;CACF;CACA,QAAQ,CACN,QACF;CACA,WAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AACA,SAAS,qBAAqB,UAAU;CACtC,IAAI,YAAY,oBAAoB;CACpC,IAAI,WAAW,OAAO;CACtB,OAAO,CACL,SAAS,QAAQ,aAAa,SAAS,GAAG,QAAQ;EAChD,OAAO,OAAO,YAAY;CAC5B,CAAC,CACH;AACF"}

package/dist/cjs/resolveTransition.cjs

@@ -0,0 +1,345 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resolveTransition_exports = {};
+__export(resolveTransition_exports, {
+	easingToBezier: () => easingToBezier,
+	entryToCSS: () => entryToCSS,
+	forAnimationState: () => forAnimationState,
+	getMaxDurationMs: () => getMaxDurationMs,
+	getSettleMs: () => getSettleMs,
+	getTransitionForKey: () => getTransitionForKey,
+	hasTransition: () => hasTransition,
+	presetToTiming: () => presetToTiming,
+	resolveTransition: () => resolveTransition,
+	toCSSTransition: () => toCSSTransition
+});
+module.exports = __toCommonJS(resolveTransition_exports);
+var import_transitions = require("@tamagui/style-grammar/transitions");
+var import_propertyNames = require("./propertyNames.cjs");
+var import_transitionResolver = require("./transitionResolver.cjs");
+const emptyResolved = {
+	entries: [],
+	all: null,
+	byProperty: {},
+	none: false,
+	fused: false,
+	enter: null,
+	exit: null,
+	diagnostics: []
+};
+function forAnimationState(resolved, state) {
+	if (state === "enter" && resolved.enter) return resolved.enter;
+	if (state === "exit" && resolved.exit) return resolved.exit;
+	return resolved;
+}
+function timeToMs(value) {
+	return value.endsWith("ms") ? Number.parseFloat(value) : Number.parseFloat(value) * 1e3;
+}
+function springTiming(durationMs, bounce, extra) {
+	const mass = typeof extra?.mass === "number" ? extra.mass : 1;
+	const physics = (0, import_transitions.springFromDurationBounce)({
+		duration: durationMs,
+		bounce
+	}, mass);
+	return {
+		kind: "spring",
+		durationMs,
+		bounce,
+		stiffness: typeof extra?.stiffness === "number" ? extra.stiffness : physics.stiffness,
+		damping: typeof extra?.damping === "number" ? extra.damping : physics.damping,
+		mass,
+		extra
+	};
+}
+function presetToTiming(preset) {
+	if (typeof preset === "string") {
+		const parsed = (0, import_transitions.parseTransition)(preset);
+		if (!parsed.ok || parsed.value.kind !== "transition") return null;
+		const entry = parsed.value.entries[0];
+		if (!entry) return null;
+		return timingToDriver(entry.timing, null);
+	}
+	if (!preset || typeof preset !== "object") return null;
+	const config = preset;
+	const duration = typeof config.duration === "number" ? config.duration : void 0;
+	const hasPhysics = typeof config.stiffness === "number" || typeof config.damping === "number";
+	const stiffness = typeof config.stiffness === "number" ? config.stiffness : void 0;
+	const damping = typeof config.damping === "number" ? config.damping : void 0;
+	const isSpring = config.type === "spring" || typeof config.bounce === "number" || hasPhysics;
+	if (isSpring) {
+		const mass = typeof config.mass === "number" ? config.mass : 1;
+		if (stiffness !== void 0) {
+			const canonical = (0, import_transitions.springToDurationBounce)({
+				stiffness,
+				damping: damping ?? 2 * Math.sqrt(stiffness * mass),
+				mass
+			});
+			return {
+				kind: "spring",
+				durationMs: duration ?? canonical.duration,
+				bounce: typeof config.bounce === "number" ? config.bounce : canonical.bounce,
+				stiffness,
+				damping: damping ?? 2 * Math.sqrt(stiffness * mass),
+				mass,
+				extra: config
+			};
+		}
+		if (duration !== void 0) {
+			return springTiming(duration, typeof config.bounce === "number" ? config.bounce : 0, config);
+		}
+		return null;
+	}
+	if (duration === void 0) return null;
+	const easing = typeof config.easing === "string" ? config.easing : "ease";
+	return {
+		kind: "timing",
+		durationMs: duration,
+		easing
+	};
+}
+function timingToDriver(timing, animations) {
+	if (timing.type === "css") {
+		return {
+			kind: "timing",
+			durationMs: timeToMs(timing.duration),
+			easing: timing.timingFunction
+		};
+	}
+	if (timing.type === "spring") {
+		return springTiming(timeToMs(timing.duration), timing.bounce, timing.config);
+	}
+	const preset = animations?.[timing.name];
+	if (preset === void 0) return null;
+	const base = presetToTiming(preset);
+	if (!base || !timing.config) return base;
+	const overrides = timing.config;
+	if (base.kind === "spring" || typeof overrides.bounce === "number") {
+		const overrideDuration = typeof overrides.duration === "number" ? overrides.duration : typeof overrides.duration === "string" ? timeToMs(overrides.duration) : void 0;
+		const overrideBounce = typeof overrides.bounce === "number" ? overrides.bounce : void 0;
+		const durationMs = overrideDuration ?? base.durationMs;
+		const bounce = overrideBounce ?? (base.kind === "spring" ? base.bounce : 0);
+		let carried = base.kind === "spring" ? base.extra : void 0;
+		if (carried && (overrideDuration !== void 0 || overrideBounce !== void 0)) {
+			const { stiffness, damping, ...rest } = carried;
+			carried = rest;
+		}
+		return springTiming(durationMs, bounce, {
+			...carried,
+			...overrides
+		});
+	}
+	return {
+		kind: "timing",
+		durationMs: typeof overrides.duration === "number" ? overrides.duration : typeof overrides.duration === "string" ? timeToMs(overrides.duration) : base.durationMs,
+		easing: typeof overrides.easing === "string" ? overrides.easing : base.easing
+	};
+}
+const namedEasings = {
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	"ease-in": [
+		.42,
+		0,
+		1,
+		1
+	],
+	"ease-out": [
+		0,
+		0,
+		.58,
+		1
+	],
+	"ease-in-out": [
+		.42,
+		0,
+		.58,
+		1
+	]
+};
+function easingToBezier(easing) {
+	const named = namedEasings[easing];
+	if (named) return named;
+	if (!easing.startsWith("cubic-bezier(")) return null;
+	const parts = easing.slice("cubic-bezier(".length, -1).split(",");
+	if (parts.length !== 4) return null;
+	const points = parts.map((part) => Number.parseFloat(part));
+	if (points.some((point) => !Number.isFinite(point))) return null;
+	return points;
+}
+const cacheByAnimations = /* @__PURE__ */ new WeakMap();
+const objectCache = /* @__PURE__ */ new WeakMap();
+const noAnimations = {};
+function resolveTransition(transition, options = {}) {
+	if (transition == null || transition === "") return emptyResolved;
+	const animations = options.animations ?? null;
+	const cacheKey = animations ?? noAnimations;
+	if (typeof transition === "string") {
+		let byValue = cacheByAnimations.get(cacheKey);
+		if (!byValue) {
+			byValue = /* @__PURE__ */ new Map();
+			cacheByAnimations.set(cacheKey, byValue);
+		}
+		const hit2 = byValue.get(transition);
+		if (hit2) return hit2;
+		const built2 = buildResolved(transition, animations, options.shorthands ?? null);
+		if (byValue.size > 2048) byValue.clear();
+		byValue.set(transition, built2);
+		return built2;
+	}
+	if (typeof transition !== "object") return emptyResolved;
+	const hit = objectCache.get(transition);
+	if (hit) return hit;
+	const built = buildResolved(transition, animations, options.shorthands ?? null);
+	objectCache.set(transition, built);
+	return built;
+}
+function buildResolved(transition, animations, shorthands) {
+	const presetNames = animations ? new Set(Object.keys(animations)) : void 0;
+	const parsed = (0, import_transitions.parseTransitionObject)(transition, presetNames);
+	if (!parsed.ok) {
+		return {
+			...emptyResolved,
+			diagnostics: parsed.diagnostics
+		};
+	}
+	if (parsed.value.kind !== "transition") return emptyResolved;
+	return fromEntries(parsed.value.entries, animations, shorthands, parsed.value.enter ? fromEntries(parsed.value.enter, animations, shorthands, null, null) : null, parsed.value.exit ? fromEntries(parsed.value.exit, animations, shorthands, null, null) : null);
+}
+const transformFamily = [
+	"transform",
+	"translate",
+	"scale",
+	"rotate"
+];
+function fromEntries(source, animations, shorthands, enter, exit) {
+	const entries = [];
+	const byProperty = {};
+	const diagnostics = [];
+	let all = null;
+	let none = false;
+	let fused = false;
+	for (const entry of source) {
+		if (entry.property === "none") {
+			none = true;
+			continue;
+		}
+		if (entry.timing.type !== "css") fused = true;
+		const timing = timingToDriver(entry.timing, animations);
+		if (!timing) {
+			diagnostics.push({
+				code: "transition-invalid-token",
+				token: entry.timing.type === "preset" ? entry.timing.name : void 0,
+				message: entry.timing.type === "preset" ? `"${entry.timing.name}" is not a configured animation` : "transition timing could not be resolved"
+			});
+			continue;
+		}
+		const expanded = shorthands?.[entry.property] ?? entry.property;
+		const property = (0, import_propertyNames.canonicalTransitionProperty)(expanded);
+		const delayMs = timeToMs(entry.delay);
+		for (const name of expanded === "transform" ? transformFamily : [property]) {
+			const resolved = {
+				property: name,
+				timing,
+				delayMs,
+				behavior: entry.behavior
+			};
+			entries.push(resolved);
+			if (name === "all") all = resolved;
+			else byProperty[name] = resolved;
+		}
+	}
+	return {
+		entries,
+		all,
+		byProperty,
+		none,
+		fused,
+		enter,
+		exit,
+		diagnostics
+	};
+}
+function getTransitionForKey(resolved, key) {
+	if (resolved.none) return null;
+	const direct = resolved.byProperty[(0, import_propertyNames.canonicalTransitionProperty)(key)];
+	if (direct) return direct;
+	return resolved.all;
+}
+function hasTransition(resolved) {
+	return !resolved.none && resolved.entries.length > 0;
+}
+function getSettleMs(timing) {
+	if (timing.kind === "timing") return timing.durationMs;
+	return (0, import_transitions.springSettleTime)({
+		duration: timing.durationMs,
+		bounce: timing.bounce
+	});
+}
+function getMaxDurationMs(resolved) {
+	let max = 0;
+	for (const entry of resolved.entries) {
+		const total = getSettleMs(entry.timing) + entry.delayMs;
+		if (total > max) max = total;
+	}
+	return max;
+}
+const linearEasingCache = /* @__PURE__ */ new Map();
+function entryToCSS(entry) {
+	const delay = entry.delayMs ? ` ${entry.delayMs}ms` : "";
+	const behavior = entry.behavior === "allow-discrete" ? " allow-discrete" : "";
+	if (entry.timing.kind === "timing") {
+		return `${entry.property} ${entry.timing.durationMs}ms ${entry.timing.easing}${delay}${behavior}`;
+	}
+	const key = `${entry.timing.durationMs}/${entry.timing.bounce}`;
+	let spring = linearEasingCache.get(key);
+	if (!spring) {
+		spring = (0, import_transitions.springToLinearEasing)({
+			duration: entry.timing.durationMs,
+			bounce: entry.timing.bounce
+		});
+		if (linearEasingCache.size > 256) linearEasingCache.clear();
+		linearEasingCache.set(key, spring);
+	}
+	return `${entry.property} ${Math.round(spring.durationMs)}ms ${spring.easing}${delay}${behavior}`;
+}
+function toCSSTransition(resolved) {
+	if (resolved.none) return "none";
+	if (!resolved.entries.length) return void 0;
+	let out = "";
+	for (const entry of resolved.entries) {
+		out += `${out ? ", " : ""}${entryToCSS(entry)}`;
+	}
+	return out || void 0;
+}
+(0, import_transitionResolver.setTransitionResolver)({
+	resolve: resolveTransition,
+	toCSS: toCSSTransition
+});