@tamagui/web 3.0.0-beta.765.1 → 3.0.0-beta.804.1

package/dist/cjs/helpers/propMapper.cjs

@@ -1,384 +0,0 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var propMapper_exports = {};
-__export(propMapper_exports, {
-	appendFlatClause: () => appendFlatClause,
-	getFontFamilyFromNameOrVariable: () => getFontFamilyFromNameOrVariable,
-	propMapper: () => propMapper
-});
-module.exports = __toCommonJS(propMapper_exports);
-require("@tamagui/constants");
-var import_runtime = require("@tamagui/style-grammar/runtime");
-var import_createVariable = require("../createVariable.cjs");
-var import_types = require("../types.cjs");
-var import_directStyle = require("./directStyle.cjs");
-var import_expandStyle = require("./expandStyle.cjs");
-var import_resolveVariableValue = require("./resolveVariableValue.cjs");
-var import_getVariantExtras = require("./getVariantExtras.cjs");
-var import_isObj = require("./isObj.cjs");
-var import_normalizeStyle = require("./normalizeStyle.cjs");
-var import_resolveRem = require("./resolveRem.cjs");
-var import_resolveSafeArea = require("./resolveSafeArea.cjs");
-var import_skipProps = require("./skipProps.cjs");
-var import_styleOriginalValues = require("./styleOriginalValues.cjs");
-__reExport(propMapper_exports, require("./tokenCategories.cjs"), module.exports);
-function appendFlatClause(state, prev, conditionSource, value) {
-	if (typeof value === "string" || typeof value === "number") {
-		if (prev == null) return `${conditionSource}:${value}`;
-		if (typeof prev === "string" || typeof prev === "number") return `${prev} ${conditionSource}:${value}`;
-	}
-	if (prev == null) return { [conditionSource]: value };
-	if (typeof prev === "string" && prev.includes(":")) return;
-	if (typeof prev === "object" && !Array.isArray(prev) && !(0, import_createVariable.isVariable)(prev) && (0, import_directStyle.isConditionalStyleObject)(state, prev)) return {
-		...prev,
-		[conditionSource]: value
-	};
-	return {
-		default: prev,
-		[conditionSource]: value
-	};
-}
-const propMapperHandler = {
-	segment(ctx, start, end, isBase, valid, source, chainStart, chainEnd, chainValid) {
-		if (isBase) {
-			if (valid && start < end) ctx.push(start, end, -1, -1);
-			return;
-		}
-		if (!chainValid) return;
-		if ((0, import_directStyle.resolveClauseChain)(ctx[0], source, chainStart, chainEnd) && valid && start < end) ctx.push(start, end, chainStart, chainEnd);
-	},
-	chain(ctx) {
-		ctx[2] = true;
-		return true;
-	},
-	error(ctx) {
-		ctx[2] = true;
-	}
-};
-const propMapper = (key, value, styleState, disabled, map) => {
-	if (disabled) return map(key, value);
-	if (key === "elevationAndroid") return;
-	const { conf, styleProps, staticConfig } = styleState;
-	const { variants } = staticConfig;
-	if (!styleProps.noExpand) {
-		if (variants && key in variants) {
-			const variantValue = resolveVariants(key, value, styleProps, styleState, "");
-			if (variantValue) {
-				for (const entry of variantValue) map(entry[0], entry[1], entry[2], entry[3]);
-				return;
-			}
-		}
-	}
-	if (!styleProps.disableExpandShorthands) {
-		if (key in conf.shorthands) key = conf.shorthands[key];
-	}
-	const originalValue = value;
-	if (value === "safe" && (0, import_resolveSafeArea.isSafeAreaKey)(key)) {
-		const expanded = (0, import_resolveSafeArea.expandSafeAreaValue)(key);
-		if (expanded) {
-			for (let i = 0; i < expanded.length; i++) {
-				const [nkey, nvalue] = expanded[i];
-				map(nkey, nvalue, originalValue);
-			}
-			return;
-		}
-	}
-	if (value != null) {
-		if (typeof value === "string") value = (0, import_resolveRem.isRemValue)(value) ? (0, import_resolveRem.resolveRem)(value) : value;
-		else if ((0, import_createVariable.isVariable)(value)) value = (0, import_resolveVariableValue.resolveVariableValue)(key, value, styleProps.resolveValues);
-		else if ((0, import_resolveRem.isRemValue)(value)) value = (0, import_resolveRem.resolveRem)(value);
-	}
-	if (value != null) {
-		if (key === "fontFamily" && typeof originalValue === "string") {
-			if (originalValue in conf.fontsParsed) styleState.fontFamily = originalValue;
-		}
-		const expanded = styleProps.noExpand || typeof value === "string" ? null : (0, import_expandStyle.expandStyle)(key, value, conf.settings.styleCompat || "web");
-		if (expanded) {
-			const max = expanded.length;
-			for (let i = 0; i < max; i++) {
-				const [nkey, nvalue, noriginalValue] = expanded[i];
-				map(nkey, nvalue, noriginalValue ?? originalValue);
-			}
-		} else map(key, value, originalValue);
-	}
-};
-const resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
-	const variantDefinition = styleState.staticConfig.variants?.[key];
-	if (typeof value === "string" && value.indexOf(":") !== -1 && !(variantDefinition && typeof variantDefinition === "object" && value in variantDefinition)) {
-		const scan = [
-			styleState,
-			value,
-			false
-		];
-		(0, import_runtime.scanFlatValue)(value, propMapperHandler, scan);
-		if (scan[2]) {
-			let entries;
-			for (let index = 3; index < scan.length; index += 4) {
-				const resolved = resolveVariantValue(key, value.slice(scan[index], scan[index + 1]), styleProps, styleState, parentVariantKey);
-				if (!resolved) continue;
-				entries ||= [];
-				const chainStart = scan[index + 2];
-				const modifier = chainStart === -1 ? void 0 : value.slice(chainStart, scan[index + 3]);
-				for (const entry of resolved) {
-					if (modifier !== void 0) entry[3] = modifier;
-					entries.push(entry);
-				}
-			}
-			return entries || [];
-		}
-	}
-	if (value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && (0, import_directStyle.isConditionalStyleObject)(styleState, value)) {
-		let entries;
-		for (const objKey in value) {
-			const payload = value[objKey];
-			if (payload == null) continue;
-			const resolved = resolveVariantValue(key, payload, styleProps, styleState, parentVariantKey);
-			if (!resolved) continue;
-			entries ||= [];
-			for (const entry of resolved) {
-				if (objKey !== "default") entry[3] = objKey;
-				entries.push(entry);
-			}
-		}
-		return entries || [];
-	}
-	return resolveVariantValue(key, value, styleProps, styleState, parentVariantKey);
-};
-const resolveVariantValue = (key, value, styleProps, styleState, parentVariantKey) => {
-	const { staticConfig, conf, debug } = styleState;
-	const { variants } = staticConfig;
-	if (!variants) return;
-	const variant = variants[key];
-	let variantValue = getVariantDefinition(variant, value, conf, styleState);
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
-		console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`);
-		console.info({
-			key,
-			value,
-			variantValue,
-			variants
-		});
-		console.groupEnd();
-	}
-	if (!variantValue) {
-		if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1") {
-			if (typeof value !== "boolean") {
-				const name = styleState.styleProps.displayName || "[UnnamedComponent]";
-				console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
-			}
-		}
-		return;
-	}
-	if (typeof variantValue === "function") {
-		const fn = variantValue;
-		const extras = (0, import_getVariantExtras.getVariantExtras)(styleState);
-		variantValue = fn(value, extras);
-		if (process.env.NODE_ENV === "development" && debug === "verbose" && true) {
-			console.groupCollapsed("   expanded functional variant", key);
-			console.info({
-				fn,
-				variantValue,
-				extras
-			});
-			console.groupEnd();
-		}
-	}
-	let fontFamilyResult;
-	if ((0, import_isObj.isObj)(variantValue)) {
-		const fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
-		if (fontFamilyUpdate) {
-			fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf);
-			styleState.fontFamily = fontFamilyResult;
-			if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`   updating font family`, fontFamilyResult);
-		}
-		variantValue = resolveTokensAndVariants(key, variantValue, styleProps, styleState, parentVariantKey);
-	}
-	if (variantValue) {
-		const expanded = (0, import_normalizeStyle.normalizeStyle)(variantValue, !!styleProps.noNormalize);
-		if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`   expanding styles from `, variantValue, `to`, expanded);
-		const originalValues = import_styleOriginalValues.styleOriginalValues.get(expanded);
-		const next = [];
-		for (const key2 in expanded) next.push([
-			key2,
-			expanded[key2],
-			originalValues?.[key2]
-		]);
-		return next;
-	}
-};
-function getFontFamilyFromNameOrVariable(input, conf) {
-	if ((0, import_createVariable.isVariable)(input)) {
-		const val = variableToFontNameCache.get(input);
-		if (val) return val;
-		for (const key in conf.fontsParsed) {
-			const familyVariable = conf.fontsParsed[key].family;
-			if ((0, import_createVariable.isVariable)(familyVariable)) {
-				variableToFontNameCache.set(familyVariable, key);
-				if (familyVariable === input) return key;
-			}
-		}
-	} else if (typeof input === "string" && input in conf.fontsParsed) return input;
-}
-const variableToFontNameCache = /* @__PURE__ */ new WeakMap();
-const resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
-	const { conf, staticConfig, debug } = styleState;
-	const { variants } = staticConfig;
-	const res = {};
-	let originalValues;
-	if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`   - resolveTokensAndVariants`, key, value);
-	for (const _key in value) {
-		const subKey = conf.shorthands[_key] || _key;
-		const val = value[_key];
-		if (!styleProps.noSkip && subKey in import_skipProps.skipProps) continue;
-		originalValues ||= {};
-		originalValues[subKey] = val;
-		if (staticConfig) {
-			const contextProps = staticConfig.context?.props || staticConfig.parentStaticConfig?.context?.props;
-			const inheritedContextPropKeys = !staticConfig.context || staticConfig.context === staticConfig.parentStaticConfig?.context ? staticConfig.parentStaticConfig?.contextProps : void 0;
-			const contextPropKeys = staticConfig.contextProps || inheritedContextPropKeys;
-			if (contextProps && subKey in contextProps || contextPropKeys?.includes(subKey) || staticConfig.context?.propKeys?.includes(subKey) || staticConfig.parentStaticConfig?.context?.propKeys?.includes(subKey)) {
-				styleState.overriddenContextProps ||= {};
-				styleState.overriddenContextProps[subKey] = val;
-				styleState.originalContextPropValues ||= {};
-				styleState.originalContextPropValues[subKey] = val;
-			}
-		}
-		if (styleProps.noExpand) res[subKey] = val;
-		else if (variants && subKey in variants) {
-			if (parentVariantKey && parentVariantKey === key) res[subKey] = val;
-			else {
-				const variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
-				if (variantOut) for (const [key2, val2, originalVal, conditionSource] of variantOut) {
-					if (val2 == null) continue;
-					if (conditionSource !== void 0) {
-						const appended = appendFlatClause(styleState, res[key2], conditionSource, val2);
-						if (appended === void 0) {
-							if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key2}" cannot join the existing clause string; dropping the clause`);
-							continue;
-						}
-						res[key2] = appended;
-						continue;
-					}
-					res[key2] = val2;
-					if (originalVal !== void 0) {
-						originalValues ||= {};
-						originalValues[key2] = originalVal;
-					}
-				}
-			}
-			continue;
-		}
-		if ((0, import_createVariable.isVariable)(val)) {
-			res[subKey] = (0, import_resolveVariableValue.resolveVariableValue)(subKey, val, styleProps.resolveValues);
-			if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`variable`, subKey, res[subKey]);
-			continue;
-		}
-		if (typeof val === "string") {
-			res[subKey] = (0, import_resolveRem.isRemValue)(val) ? (0, import_resolveRem.resolveRem)(val) : val;
-			continue;
-		}
-		if ((0, import_isObj.isObj)(val)) {
-			const subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-			if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`object`, subKey, subObject);
-			res[subKey] ??= {};
-			Object.assign(res[subKey], subObject);
-			const subOriginalValues = import_styleOriginalValues.styleOriginalValues.get(subObject);
-			if (subOriginalValues) {
-				const existing = import_styleOriginalValues.styleOriginalValues.get(res[subKey]);
-				if (existing) Object.assign(existing, subOriginalValues);
-				else import_styleOriginalValues.styleOriginalValues.set(res[subKey], { ...subOriginalValues });
-			}
-		} else res[subKey] = val;
-	}
-	if (originalValues) import_styleOriginalValues.styleOriginalValues.set(res, originalValues);
-	return res;
-};
-function getVariantDefinition(variant, value, conf, { theme }) {
-	if (!variant) return;
-	if (value === void 0) return;
-	if (typeof variant === "function") return variant;
-	if (Object.prototype.hasOwnProperty.call(variant, value)) return variant[value];
-	for (const { key, parts } of getCompiledVariantResolvers(variant)) for (const part of parts) if (matchesVariantResolver(part, value, conf, theme)) return variant[key];
-}
-const variantResolverNameSet = new Set(import_types.variantResolverNames);
-const variantResolverCache = /* @__PURE__ */ new WeakMap();
-function getCompiledVariantResolvers(variant) {
-	let cached = variantResolverCache.get(variant);
-	if (cached) return cached;
-	const compiled = [];
-	for (const key of Object.keys(variant)) {
-		const parts = parseVariantResolverKey(key);
-		if (parts) compiled.push({
-			key,
-			parts
-		});
-	}
-	variantResolverCache.set(variant, compiled);
-	return compiled;
-}
-function parseVariantResolverKey(key) {
-	if (!key) return null;
-	const parts = key.split("|").map((part) => part.trim());
-	if (!parts.length) return null;
-	for (const part of parts) if (!variantResolverNameSet.has(part)) return null;
-	return parts;
-}
-const numberStringPattern = /[+-]?(?:(?:\d+\.?\d*)|(?:\.\d+))(?:[eE][+-]?\d+)?|[+-]?0[xX][\da-fA-F]+|[+-]?0[bB][01]+|[+-]?0[oO][0-7]+/;
-const remStringPattern = new RegExp(`^(?:${numberStringPattern.source})rem$`);
-const viewportValuePattern = new RegExp(`^(?:${numberStringPattern.source})(vw|dvw|lvw|svw|vh|dvh|lvh|svh)$`);
-function isAllowedStyleValue(category, value, conf, string, number, rem) {
-	const hasSetting = Object.prototype.hasOwnProperty.call(conf.settings, "allowedStyleValues");
-	const configured = conf.settings.allowedStyleValues;
-	const setting = configured && typeof configured === "object" ? configured[category] : configured;
-	const web = value === "unset" || value === "inherit" || string && /^var\(.*\)$/.test(value) || (category === "size" || category === "space") && (value === "max-content" || value === "min-content" || string && (viewportValuePattern.test(value) || /^(calc|min|max)\(.*\)$/.test(value)));
-	const somewhat = category === "size" || category === "space" ? value === "auto" || number || rem || string && value.endsWith("%") : number;
-	if (setting === "strict") return false;
-	if (setting === "strict-web") return web;
-	if (setting === "somewhat-strict") return somewhat;
-	if (setting === "somewhat-strict-web") return somewhat || web;
-	return number || string && (category === "size" || category === "space" || !hasSetting);
-}
-function matchesVariantResolver(resolverName, value, conf, theme) {
-	const string = typeof value === "string";
-	const number = typeof value === "number";
-	const rem = string && remStringPattern.test(value);
-	switch (resolverName) {
-		case "Size":
-		case "Space":
-		case "Radius":
-		case "ZIndex": {
-			const category = resolverName === "ZIndex" ? "zIndex" : resolverName.toLowerCase();
-			return value === true || value != null && value in conf.tokensParsed[category] || (resolverName === "Space" || resolverName === "Radius" || resolverName === "ZIndex") && (0, import_createVariable.isVariable)(value) || (resolverName === "Radius" || resolverName === "ZIndex") && (number || rem) || isAllowedStyleValue(category, value, conf, string, number, rem);
-		}
-		case "Color": return value != null && value in conf.tokensParsed.color || string;
-		case "Theme": return string && !!theme && value in theme;
-		case "FontSize": return value === true || !!conf.fontsParsed.body?.size?.[value] || number || rem;
-		case "FontStyle": return !!conf.fontsParsed.body?.style?.[value] || value === "normal" || value === "italic";
-		case "FontTransform": return !!conf.fontsParsed.body?.transform?.[value] || value === "none" || value === "capitalize" || value === "uppercase" || value === "lowercase";
-		case "FontLineHeight": return !!conf.fontsParsed.body?.lineHeight?.[value] || number || rem;
-		case "FontLetterSpacing": return !!conf.fontsParsed.body?.letterSpacing?.[value] || number || rem;
-		case "number":
-		case "string":
-		case "boolean": return typeof value === resolverName;
-		case "any": return true;
-	}
-}