@tamagui/style-grammar 0.0.0-bootstrap.0 → 3.0.0-beta.643.1

package/dist/cjs/transitionNative.cjs

@@ -0,0 +1,281 @@
+
+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 transitionNative_exports = {};
+__export(transitionNative_exports, {
+	nativeTransitionCapabilities: () => nativeTransitionCapabilities,
+	validateNativeTransition: () => validateNativeTransition
+});
+module.exports = __toCommonJS(transitionNative_exports);
+const bothPlatforms = ["android", "ios"];
+const iosPlatform = ["ios"];
+const nativeTransitionCapabilities = [
+	{
+		properties: [
+			"opacity",
+			"transform",
+			"x",
+			"y",
+			"rotate",
+			"scale",
+			"filter"
+		],
+		minimumReactNativeMinor: 82,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "baseline native-driver properties; filter animation landed in RN 0.82"
+	},
+	{
+		properties: [
+			"backgroundColor",
+			"borderRadius",
+			"borderTopLeftRadius",
+			"borderTopRightRadius",
+			"borderBottomRightRadius",
+			"borderBottomLeftRadius",
+			"boxShadow",
+			"outlineColor",
+			"outlineOffset",
+			"outlineWidth",
+			"transformOrigin",
+			"zIndex"
+		],
+		minimumReactNativeMinor: 84,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "continuous properties explicitly recorded for the RN 0.84 backend"
+	},
+	{
+		properties: [
+			"backfaceVisibility",
+			"isolation",
+			"mixBlendMode",
+			"outlineStyle",
+			"overflow",
+			"pointerEvents",
+			"position"
+		],
+		minimumReactNativeMinor: 84,
+		platforms: bothPlatforms,
+		interpolation: "discrete",
+		note: "the RN 0.84 backend can set these values, but native has no CSS allow-discrete transition semantics"
+	},
+	{
+		properties: ["cursor"],
+		minimumReactNativeMinor: 84,
+		platforms: iosPlatform,
+		interpolation: "discrete",
+		note: "cursor is limited to auto and pointer on iOS 17 or newer"
+	},
+	{
+		properties: ["width"],
+		minimumReactNativeMinor: 85,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "layout animation explicitly verified for the RN 0.85 shared backend"
+	}
+];
+function capabilityFor(property) {
+	for (let index = 0; index < nativeTransitionCapabilities.length; index++) {
+		const capability = nativeTransitionCapabilities[index];
+		for (let propertyIndex = 0; propertyIndex < capability.properties.length; propertyIndex++) {
+			if (capability.properties[propertyIndex] === property) return capability;
+		}
+	}
+	return void 0;
+}
+const baseFilterFunctions = /* @__PURE__ */ new Set(["brightness", "opacity"]);
+const expandedAndroidFilterFunctions = /* @__PURE__ */ new Set([
+	"blur",
+	"contrast",
+	"drop-shadow",
+	"grayscale",
+	"hue-rotate",
+	"saturate"
+]);
+const filterFunctionPattern = /([a-z-]+)\s*\(/g;
+function appendDiagnostics(target, source) {
+	for (let index = 0; index < source.length; index++) target.push(source[index]);
+}
+function validateFilter(value, target) {
+	filterFunctionPattern.lastIndex = 0;
+	for (let match = filterFunctionPattern.exec(value); match; match = filterFunctionPattern.exec(value)) {
+		const name = match[1];
+		if (baseFilterFunctions.has(name)) continue;
+		if (target.platform === "ios") {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" is not supported on iOS`
+			};
+		}
+		if (!expandedAndroidFilterFunctions.has(name)) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" is not supported on Android`
+			};
+		}
+		if (target.reactNativeMinor < 83) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" requires React Native 0.83 or newer`
+			};
+		}
+		if ((target.androidApi ?? 0) < 31) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: "expanded filter functions require Android API 31 or newer"
+			};
+		}
+	}
+	return void 0;
+}
+function validateProperty(property, target, transitionedValues) {
+	const diagnostics = [];
+	if (property.startsWith("--")) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: "CSS custom properties are not supported on native"
+		});
+		return diagnostics;
+	}
+	const capability = capabilityFor(property);
+	if (!capability) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions are not supported on native`
+		});
+		return diagnostics;
+	}
+	if (!capability.platforms.includes(target.platform)) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions are not supported on ${target.platform}`
+		});
+		return diagnostics;
+	}
+	if (target.reactNativeMinor < capability.minimumReactNativeMinor) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions require React Native 0.${capability.minimumReactNativeMinor} or newer`
+		});
+		return diagnostics;
+	}
+	if (capability.interpolation === "discrete") {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" is discrete and native has no allow-discrete transition semantics`
+		});
+		return diagnostics;
+	}
+	if (property === "filter") {
+		const value = transitionedValues.filter;
+		if (value === void 0) {
+			diagnostics.push({
+				code: "native-transition-filter",
+				property,
+				message: "filter transition validation requires the resolved destination value"
+			});
+			return diagnostics;
+		}
+		const diagnostic = validateFilter(value, target);
+		if (diagnostic) diagnostics.push(diagnostic);
+	}
+	return diagnostics;
+}
+function validateEntry(entry, target, transitionedValues) {
+	const diagnostics = [];
+	if (entry.property === "none") return diagnostics;
+	if (entry.behavior === "allow-discrete") {
+		diagnostics.push({
+			code: "native-transition-behavior",
+			property: entry.property,
+			message: "allow-discrete transition behavior is not supported on native"
+		});
+	}
+	if (entry.timing.type === "css") {
+		if (/^(?:steps|linear)\(/.test(entry.timing.timingFunction) || entry.timing.timingFunction === "step-start" || entry.timing.timingFunction === "step-end") {
+			diagnostics.push({
+				code: "native-transition-timing",
+				property: entry.property,
+				message: `timing function "${entry.timing.timingFunction}" is not supported on native`
+			});
+		}
+	}
+	if (Number.parseFloat(entry.delay) < 0) {
+		diagnostics.push({
+			code: "native-transition-delay",
+			property: entry.property,
+			message: `negative transition delay "${entry.delay}" is not supported on native`
+		});
+	}
+	if (entry.property !== "all") {
+		appendDiagnostics(diagnostics, validateProperty(entry.property, target, transitionedValues));
+		return diagnostics;
+	}
+	let hasProperty = false;
+	for (const property in transitionedValues) {
+		if (!Object.prototype.hasOwnProperty.call(transitionedValues, property)) continue;
+		hasProperty = true;
+		appendDiagnostics(diagnostics, validateProperty(property, target, transitionedValues));
+	}
+	if (!hasProperty) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property: "all",
+			message: "\"all\" transition validation requires the concrete changed native properties"
+		});
+	}
+	return diagnostics;
+}
+function validateNativeTransition(transition, target, transitionedValues = {}) {
+	if (transition.kind === "global") {
+		return {
+			ok: false,
+			diagnostics: [{
+				code: "native-transition-css-global",
+				message: `CSS-wide value "${transition.value}" is not supported on native`
+			}]
+		};
+	}
+	const diagnostics = [];
+	if (transition.enter) {
+		appendDiagnostics(diagnostics, validateEntry(transition.enter, target, transitionedValues));
+	}
+	if (transition.exit) {
+		appendDiagnostics(diagnostics, validateEntry(transition.exit, target, transitionedValues));
+	}
+	for (let index = 0; index < transition.entries.length; index++) {
+		appendDiagnostics(diagnostics, validateEntry(transition.entries[index], target, transitionedValues));
+	}
+	return diagnostics.length ? {
+		ok: false,
+		diagnostics
+	} : { ok: true };
+}

package/dist/cjs/transitionNative.native.cjs

@@ -0,0 +1,285 @@
+"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 transitionNative_exports = {};
+__export(transitionNative_exports, {
+	nativeTransitionCapabilities: () => nativeTransitionCapabilities,
+	validateNativeTransition: () => validateNativeTransition
+});
+module.exports = __toCommonJS(transitionNative_exports);
+var bothPlatforms = ["android", "ios"];
+var iosPlatform = ["ios"];
+var nativeTransitionCapabilities = [
+	{
+		properties: [
+			"opacity",
+			"transform",
+			"x",
+			"y",
+			"rotate",
+			"scale",
+			"filter"
+		],
+		minimumReactNativeMinor: 82,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "baseline native-driver properties; filter animation landed in RN 0.82"
+	},
+	{
+		properties: [
+			"backgroundColor",
+			"borderRadius",
+			"borderTopLeftRadius",
+			"borderTopRightRadius",
+			"borderBottomRightRadius",
+			"borderBottomLeftRadius",
+			"boxShadow",
+			"outlineColor",
+			"outlineOffset",
+			"outlineWidth",
+			"transformOrigin",
+			"zIndex"
+		],
+		minimumReactNativeMinor: 84,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "continuous properties explicitly recorded for the RN 0.84 backend"
+	},
+	{
+		properties: [
+			"backfaceVisibility",
+			"isolation",
+			"mixBlendMode",
+			"outlineStyle",
+			"overflow",
+			"pointerEvents",
+			"position"
+		],
+		minimumReactNativeMinor: 84,
+		platforms: bothPlatforms,
+		interpolation: "discrete",
+		note: "the RN 0.84 backend can set these values, but native has no CSS allow-discrete transition semantics"
+	},
+	{
+		properties: ["cursor"],
+		minimumReactNativeMinor: 84,
+		platforms: iosPlatform,
+		interpolation: "discrete",
+		note: "cursor is limited to auto and pointer on iOS 17 or newer"
+	},
+	{
+		properties: ["width"],
+		minimumReactNativeMinor: 85,
+		platforms: bothPlatforms,
+		interpolation: "continuous",
+		note: "layout animation explicitly verified for the RN 0.85 shared backend"
+	}
+];
+function capabilityFor(property) {
+	for (var index = 0; index < nativeTransitionCapabilities.length; index++) {
+		var capability = nativeTransitionCapabilities[index];
+		for (var propertyIndex = 0; propertyIndex < capability.properties.length; propertyIndex++) {
+			if (capability.properties[propertyIndex] === property) return capability;
+		}
+	}
+	return void 0;
+}
+var baseFilterFunctions = /* @__PURE__ */ new Set(["brightness", "opacity"]);
+var expandedAndroidFilterFunctions = /* @__PURE__ */ new Set([
+	"blur",
+	"contrast",
+	"drop-shadow",
+	"grayscale",
+	"hue-rotate",
+	"saturate"
+]);
+var filterFunctionPattern = /([a-z-]+)\s*\(/g;
+function appendDiagnostics(target, source) {
+	for (var index = 0; index < source.length; index++) target.push(source[index]);
+}
+function validateFilter(value, target) {
+	filterFunctionPattern.lastIndex = 0;
+	for (var match = filterFunctionPattern.exec(value); match; match = filterFunctionPattern.exec(value)) {
+		var name = match[1];
+		if (baseFilterFunctions.has(name)) continue;
+		if (target.platform === "ios") {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" is not supported on iOS`
+			};
+		}
+		if (!expandedAndroidFilterFunctions.has(name)) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" is not supported on Android`
+			};
+		}
+		if (target.reactNativeMinor < 83) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: `filter function "${name}()" requires React Native 0.83 or newer`
+			};
+		}
+		var _target_androidApi;
+		if (((_target_androidApi = target.androidApi) !== null && _target_androidApi !== void 0 ? _target_androidApi : 0) < 31) {
+			return {
+				code: "native-transition-filter",
+				property: "filter",
+				message: "expanded filter functions require Android API 31 or newer"
+			};
+		}
+	}
+	return void 0;
+}
+function validateProperty(property, target, transitionedValues) {
+	var diagnostics = [];
+	if (property.startsWith("--")) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: "CSS custom properties are not supported on native"
+		});
+		return diagnostics;
+	}
+	var capability = capabilityFor(property);
+	if (!capability) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions are not supported on native`
+		});
+		return diagnostics;
+	}
+	if (!capability.platforms.includes(target.platform)) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions are not supported on ${target.platform}`
+		});
+		return diagnostics;
+	}
+	if (target.reactNativeMinor < capability.minimumReactNativeMinor) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" transitions require React Native 0.${capability.minimumReactNativeMinor} or newer`
+		});
+		return diagnostics;
+	}
+	if (capability.interpolation === "discrete") {
+		diagnostics.push({
+			code: "native-transition-property",
+			property,
+			message: `"${property}" is discrete and native has no allow-discrete transition semantics`
+		});
+		return diagnostics;
+	}
+	if (property === "filter") {
+		var value = transitionedValues.filter;
+		if (value === void 0) {
+			diagnostics.push({
+				code: "native-transition-filter",
+				property,
+				message: "filter transition validation requires the resolved destination value"
+			});
+			return diagnostics;
+		}
+		var diagnostic = validateFilter(value, target);
+		if (diagnostic) diagnostics.push(diagnostic);
+	}
+	return diagnostics;
+}
+function validateEntry(entry, target, transitionedValues) {
+	var diagnostics = [];
+	if (entry.property === "none") return diagnostics;
+	if (entry.behavior === "allow-discrete") {
+		diagnostics.push({
+			code: "native-transition-behavior",
+			property: entry.property,
+			message: "allow-discrete transition behavior is not supported on native"
+		});
+	}
+	if (entry.timing.type === "css") {
+		if (/^(?:steps|linear)\(/.test(entry.timing.timingFunction) || entry.timing.timingFunction === "step-start" || entry.timing.timingFunction === "step-end") {
+			diagnostics.push({
+				code: "native-transition-timing",
+				property: entry.property,
+				message: `timing function "${entry.timing.timingFunction}" is not supported on native`
+			});
+		}
+	}
+	if (Number.parseFloat(entry.delay) < 0) {
+		diagnostics.push({
+			code: "native-transition-delay",
+			property: entry.property,
+			message: `negative transition delay "${entry.delay}" is not supported on native`
+		});
+	}
+	if (entry.property !== "all") {
+		appendDiagnostics(diagnostics, validateProperty(entry.property, target, transitionedValues));
+		return diagnostics;
+	}
+	var hasProperty = false;
+	for (var property in transitionedValues) {
+		if (!Object.prototype.hasOwnProperty.call(transitionedValues, property)) continue;
+		hasProperty = true;
+		appendDiagnostics(diagnostics, validateProperty(property, target, transitionedValues));
+	}
+	if (!hasProperty) {
+		diagnostics.push({
+			code: "native-transition-property",
+			property: "all",
+			message: "\"all\" transition validation requires the concrete changed native properties"
+		});
+	}
+	return diagnostics;
+}
+function validateNativeTransition(transition, target) {
+	var transitionedValues = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+	if (transition.kind === "global") {
+		return {
+			ok: false,
+			diagnostics: [{
+				code: "native-transition-css-global",
+				message: `CSS-wide value "${transition.value}" is not supported on native`
+			}]
+		};
+	}
+	var diagnostics = [];
+	if (transition.enter) {
+		appendDiagnostics(diagnostics, validateEntry(transition.enter, target, transitionedValues));
+	}
+	if (transition.exit) {
+		appendDiagnostics(diagnostics, validateEntry(transition.exit, target, transitionedValues));
+	}
+	for (var index = 0; index < transition.entries.length; index++) {
+		appendDiagnostics(diagnostics, validateEntry(transition.entries[index], target, transitionedValues));
+	}
+	return diagnostics.length ? {
+		ok: false,
+		diagnostics
+	} : { ok: true };
+}