@tamagui/tailwind 0.0.0-bootstrap.0 → 3.0.0-beta.1093.1

package/dist/cjs/candidate.cjs

@@ -0,0 +1,540 @@
+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 candidate_exports = {};
+__export(candidate_exports, {
+	getStyleGrammarConfig: () => getStyleGrammarConfig,
+	getTailwindClassPlan: () => getTailwindClassPlan,
+	isTokenValueProp: () => isTokenValueProp,
+	resolveTailwindCandidate: () => resolveTailwindCandidate,
+	resolveTailwindClassName: () => resolveTailwindClassName,
+	setInAuthoredOrder: () => setInAuthoredOrder
+});
+module.exports = __toCommonJS(candidate_exports);
+var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
+var import_internal_runtime = require("@tamagui/core/internal-runtime");
+var import_compose = require("./compose.cjs");
+var import_composedResolver = require("./composedResolver.cjs");
+var import_runtime = require("@tamagui/style-grammar/runtime");
+var import_candidate = require("@tamagui/style-grammar/tooling/candidate");
+const styleGrammarConfigCache = /* @__PURE__ */ new WeakMap();
+function getStyleGrammarConfig(config) {
+	const cached = styleGrammarConfigCache.get(config);
+	const revision = config[import_runtime.configRevisionSymbol]?.revision || 0;
+	if (cached && cached.revision === revision) return cached.value;
+	const view = (0, import_runtime.createGrammarConfigView)(config);
+	styleGrammarConfigCache.set(config, {
+		revision,
+		value: view
+	});
+	return view;
+}
+function isTokenValueProp(prop) {
+	return (0, import_runtime.getTokenCategory)(prop) !== null;
+}
+function arbitraryValue(inner, prop) {
+	const px = /^(-?\d*\.?\d+)px$/.exec(inner);
+	if (px) return prop && import_helpers.stylePropsUnitless[prop] ? inner : Number(px[1]);
+	if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
+	return inner;
+}
+function unwrapArbitraryValue(raw) {
+	return arbitraryValue(raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]" ? (0, import_candidate.decodeArbitrary)(raw.slice(1, -1)) : raw);
+}
+function tailwindSizingValue(prop, value) {
+	if (value === "full") return "100%";
+	if (value === "auto") return "auto";
+	if (value === "screen") return /[Hh]eight|[Bb]lock/.test(prop) ? "100vh" : "100vw";
+	if (value === "min") return "min-content";
+	if (value === "max") return "max-content";
+	if (value === "fit") return "fit-content";
+	const frac = /^(\d+)\/(\d+)$/.exec(value);
+	if (frac && Number(frac[2]) !== 0) return `${Number(frac[1]) / Number(frac[2]) * 100}%`;
+	return null;
+}
+function expansionProps(parsed) {
+	const prefix = parsed.prefix;
+	if (!prefix) return null;
+	if (prefix === "size") return import_runtime.sizeUtilityProps;
+	if (prefix === "translate") return ["x", "y"];
+	if (prefix === "skew") return ["skewX", "skewY"];
+	if (prefix === "inset-x" || prefix === "inset-y") return import_runtime.insetAxisProps[prefix.slice(6)];
+	if (prefix.startsWith("rounded-")) {
+		const props = import_runtime.radiusCornerProps[prefix.slice(8)];
+		if (!props || props.length === 1) return null;
+		return props;
+	}
+	const m = /^border-([trblxy])$/.exec(prefix);
+	if (!m) return null;
+	const sides = import_runtime.borderSideSuffix[m[1]];
+	const suffix = parsed.entry?.prop.endsWith("Width") ? "Width" : "Color";
+	return sides.map((side) => `border${side}${suffix}`);
+}
+function tailwindClassToFlatProp(parsed, grammarConfig) {
+	if (parsed.kind !== "dynamic" || !parsed.entry || parsed.rawValue === void 0) return null;
+	const prop = parsed.entry.prop;
+	const category = parsed.entry.tokenCategory;
+	let value = parsed.rawValue;
+	if (parsed.negative && value === "0" && parsed.convenience !== "angle") return {
+		key: prop,
+		value: 0
+	};
+	if (parsed.convenience === "zero") return {
+		key: prop,
+		value: 0
+	};
+	if (parsed.convenience === "angle") return {
+		key: prop,
+		value: `${parsed.negative ? "-" : ""}${value}deg`
+	};
+	if ((prop === "x" || prop === "y") && parsed.valueKind !== "token") {
+		const sized = tailwindSizingValue(prop, value);
+		if (sized != null) return {
+			key: prop,
+			value: parsed.negative && sized[0] !== "-" ? `-${sized}` : sized
+		};
+	}
+	if (prop === "lineHeight" && /^\d+(?:\.\d+)?$/.test(value)) return {
+		key: prop,
+		value: Number(value) * 4
+	};
+	if (prop === "gridTemplateColumns" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `repeat(${value}, minmax(0, 1fr))`
+	};
+	if (prop === "gridColumn" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `span ${value} / span ${value}`
+	};
+	if (prop === "gridRow" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `span ${value} / span ${value}`
+	};
+	if ((prop === "gridColumnStart" || prop === "gridColumnEnd" || prop === "gridRowStart" || prop === "gridRowEnd") && /^\d+$/.test(value)) return {
+		key: prop,
+		value: Number(value)
+	};
+	if (prop.endsWith("Width") && parsed.prefix?.startsWith("border")) {
+		if (parsed.valueKind === "token") {
+			value = `${parsed.negative ? "-" : ""}${value}`;
+			if (grammarConfig && parsed.entry?.tokenCategory) value = (0, import_candidate.resolveTokenName)(grammarConfig, parsed.entry.tokenCategory, value) ?? value;
+		} else if (parsed.valueKind === "arbitrary") value = unwrapArbitraryValue(value);
+		else return null;
+		return {
+			key: prop,
+			value
+		};
+	}
+	if (prop === "fontFamily") {
+		let famValue;
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") famValue = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
+		else famValue = parsed.valueKind === "token" ? value : {
+			sans: "sans-serif",
+			serif: "serif",
+			mono: "monospace"
+		}[value] || value;
+		return {
+			key: "fontFamily",
+			value: famValue
+		};
+	}
+	if (prop === "fontSize") {
+		let fsValue;
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") fsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
+		else fsValue = value;
+		return {
+			key: "fontSize",
+			value: fsValue
+		};
+	}
+	if (prop === "lineHeight") {
+		let lhValue;
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
+			const inner = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
+			lhValue = /^-?\d*\.?\d+px$/.test(inner) ? Number.parseFloat(inner) : inner;
+		} else lhValue = value;
+		return {
+			key: "lineHeight",
+			value: lhValue
+		};
+	}
+	if (prop === "letterSpacing") {
+		let lsValue;
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") lsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
+		else lsValue = value;
+		return {
+			key: "letterSpacing",
+			value: lsValue
+		};
+	}
+	if (prop === "boxShadow" && value[0] === "[" && value[value.length - 1] === "]") return {
+		key: "boxShadow",
+		value: (0, import_candidate.decodeArbitrary)(value.slice(1, -1))
+	};
+	if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
+		const inner = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
+		if (inner === "") return null;
+		let resolved = arbitraryValue(inner, prop);
+		if ((prop === "rotate" || prop === "rotateX" || prop === "rotateY" || prop === "rotateZ" || prop === "skewX" || prop === "skewY") && typeof resolved === "number") resolved = `${resolved}deg`;
+		if (parsed.negative) {
+			if (typeof resolved === "number") resolved = -resolved;
+			else if (resolved[0] !== "-") resolved = `-${resolved}`;
+		}
+		return {
+			key: prop,
+			value: resolved
+		};
+	}
+	if (parsed.valueKind !== "token" && (category === "size" || parsed.convenience === "sizing-keyword")) {
+		const sized = tailwindSizingValue(prop, value);
+		if (sized != null) return {
+			key: prop,
+			value: parsed.negative && sized[0] !== "-" ? `-${sized}` : sized
+		};
+	}
+	let opacitySuffix = "";
+	if (category === "color" && typeof value === "string") {
+		const suffix = (0, import_runtime.splitColorOpacitySuffix)(value);
+		if (suffix.kind === "invalid") return {
+			key: prop,
+			value
+		};
+		if (suffix.kind === "valid") {
+			opacitySuffix = value.slice(suffix.name.length);
+			value = suffix.name;
+		}
+	}
+	if (import_runtime.percentUtilityProps.has(prop) && /^\d+$/.test(value)) value = Number(value) / 100;
+	else if (/^\d+(\.\d+)?$/.test(value)) if (category === "zIndex" && parsed.valueKind === "convenience") value = Number(value) * (parsed.negative ? -1 : 1);
+	else if (category) {
+		value = `${parsed.negative ? "-" : ""}${value}`;
+		if (grammarConfig) value = (0, import_candidate.resolveTokenName)(grammarConfig, category, value) ?? value;
+	} else value = Number(value);
+	else if (typeof value === "string") {
+		if (category && !((category === "space" || category === "size" || category === "radius") && (0, import_runtime.getSafeAreaEdge)(value))) value = `${parsed.negative ? "-" : ""}${value}`;
+	}
+	if (opacitySuffix && typeof value === "string") value = `${value}${opacitySuffix}`;
+	if (parsed.negative && !category) {
+		if (typeof value === "number") value = -value;
+		else if (typeof value === "string" && value[0] !== "-") value = `-${value}`;
+	}
+	return {
+		key: prop,
+		value
+	};
+}
+const classPlanCache = /* @__PURE__ */ new WeakMap();
+const nativeTarget = !import_constants.isWeb || false;
+const cssGridProps = /* @__PURE__ */ new Set([
+	"gridTemplateColumns",
+	"gridColumn",
+	"gridColumnStart",
+	"gridColumnEnd",
+	"gridRow",
+	"gridRowStart",
+	"gridRowEnd"
+]);
+const nativeUnsupportedProps = /* @__PURE__ */ new Set([
+	"objectFit",
+	"order",
+	"overflowX",
+	"overflowY",
+	"textOverflow",
+	"whiteSpace",
+	"visibility"
+]);
+const nativeUnsupportedSizingValues = /* @__PURE__ */ new Set([
+	"screen",
+	"min",
+	"max",
+	"fit"
+]);
+const nativeUnsupportedDisplayValues = /* @__PURE__ */ new Set([
+	"block",
+	"inline",
+	"inline-flex"
+]);
+const nativeUnsupportedPositionValues = /* @__PURE__ */ new Set(["fixed", "sticky"]);
+function shouldGateNative(parsed) {
+	if (!nativeTarget) return false;
+	const properties = parsed.properties || {};
+	if (process.env.TAMAGUI_CSS_GRID !== "1" && (parsed.entry && cssGridProps.has(parsed.entry.prop) || properties.display === "grid" || Object.keys(properties).some((prop) => cssGridProps.has(prop)))) return true;
+	if (parsed.entry && nativeUnsupportedProps.has(parsed.entry.prop) || Object.keys(properties).some((prop) => nativeUnsupportedProps.has(prop))) return true;
+	if (parsed.convenience === "sizing-keyword" && nativeUnsupportedSizingValues.has(parsed.rawValue || "")) return true;
+	return nativeUnsupportedDisplayValues.has(String(properties.display)) || nativeUnsupportedPositionValues.has(String(properties.position)) || properties.overflow === "auto" || properties.cursor !== void 0 && properties.cursor !== "auto" && properties.cursor !== "pointer";
+}
+function getClassPlanCache(grammarConfig) {
+	let cache = classPlanCache.get(grammarConfig);
+	if (!cache) {
+		cache = /* @__PURE__ */ new Map();
+		classPlanCache.set(grammarConfig, cache);
+	}
+	return cache;
+}
+function createPlanEntry(property, value, modifiers) {
+	if (modifiers.length === 0) return [property, value];
+	const payload = (0, import_internal_runtime.plainValueToPayload)(value, property);
+	if (payload === null) return null;
+	let condition = "";
+	for (let index = 0; index < modifiers.length; index++) {
+		if (index) condition += ":";
+		condition += modifiers[index];
+	}
+	return [
+		property,
+		payload,
+		condition,
+		modifiers
+	];
+}
+const shorthandResets = {
+	padding: [
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"paddingStart",
+		"paddingEnd",
+		"paddingInlineStart",
+		"paddingInlineEnd",
+		"paddingBlockStart",
+		"paddingBlockEnd",
+		"paddingHorizontal",
+		"paddingVertical",
+		"paddingInline",
+		"paddingBlock"
+	],
+	margin: [
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"marginStart",
+		"marginEnd",
+		"marginInlineStart",
+		"marginInlineEnd",
+		"marginBlockStart",
+		"marginBlockEnd",
+		"marginHorizontal",
+		"marginVertical",
+		"marginInline",
+		"marginBlock"
+	],
+	gap: ["rowGap", "columnGap"],
+	borderRadius: [
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomLeftRadius",
+		"borderBottomRightRadius",
+		"borderTopStartRadius",
+		"borderTopEndRadius",
+		"borderBottomStartRadius",
+		"borderBottomEndRadius",
+		"borderStartStartRadius",
+		"borderStartEndRadius",
+		"borderEndStartRadius",
+		"borderEndEndRadius"
+	],
+	borderWidth: [
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"borderStartWidth",
+		"borderEndWidth",
+		"borderInlineStartWidth",
+		"borderInlineEndWidth",
+		"borderBlockStartWidth",
+		"borderBlockEndWidth",
+		"borderInlineWidth",
+		"borderBlockWidth"
+	],
+	borderColor: [
+		"borderTopColor",
+		"borderRightColor",
+		"borderBottomColor",
+		"borderLeftColor",
+		"borderStartColor",
+		"borderEndColor",
+		"borderInlineStartColor",
+		"borderInlineEndColor",
+		"borderBlockStartColor",
+		"borderBlockEndColor",
+		"borderInlineColor",
+		"borderBlockColor"
+	]
+};
+function attachShorthandResets(entries, modifiers) {
+	if (import_constants.isWeb || modifiers.length > 0) return entries;
+	const unsets = [];
+	for (let i = 0; i < entries.length; i++) {
+		const resets = shorthandResets[entries[i][0]];
+		if (!resets) continue;
+		for (let j = 0; j < resets.length; j++) unsets.push([resets[j], "unset"]);
+	}
+	return unsets.length === 0 ? entries : unsets.concat(entries);
+}
+function computeClassPlan(cls, grammarConfig) {
+	const groupMarker = /^group(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
+	if (groupMarker) return {
+		entries: [["group", groupMarker[1] || true]],
+		preserveRawClass: import_constants.isWeb
+	};
+	const containerMarker = /^@container(-size)?(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
+	if (containerMarker) {
+		const isSize = containerMarker[1] !== void 0;
+		const name = containerMarker[2];
+		const entries = [];
+		entries.push(["container", name || true]);
+		if (isSize) entries.push(["containerType", "size"]);
+		return {
+			entries,
+			preserveRawClass: import_constants.isWeb
+		};
+	}
+	const classification = (0, import_candidate.classifyCandidate)(cls, grammarConfig);
+	if (classification.kind === "passthrough") return import_constants.isWeb ? "raw" : null;
+	const parsed = classification.parsed;
+	if (!nativeTarget && parsed.entry?.prop === "perspective") return "raw";
+	if (shouldGateNative(parsed)) return null;
+	if (parsed.entry?.prop === "flex" && parsed.rawValue) {
+		const fraction = /^(\d+)\/(\d+)$/.exec(parsed.rawValue);
+		if (fraction && Number(fraction[2]) !== 0) {
+			const basis = `${Number(fraction[1]) / Number(fraction[2]) * 100}%`;
+			const entries = [
+				createPlanEntry("flexGrow", 1, parsed.modifiers),
+				createPlanEntry("flexShrink", 1, parsed.modifiers),
+				createPlanEntry("flexBasis", basis, parsed.modifiers)
+			];
+			return entries.every(Boolean) ? entries : "raw";
+		}
+	}
+	const util = parsed.kind === "utility" ? parsed.properties : null;
+	if (util) {
+		const entries = [];
+		for (const p in util) {
+			const entry = createPlanEntry(p, nativeTarget && p === "transform" && util[p] === "none" ? [] : util[p], parsed.modifiers);
+			if (!entry) return "raw";
+			entries.push(entry);
+		}
+		return attachShorthandResets(entries, parsed.modifiers);
+	}
+	const expandedProps = expansionProps(parsed);
+	if (expandedProps) {
+		const entries = [];
+		for (const prop of expandedProps) {
+			const flatProp2 = tailwindClassToFlatProp({
+				...parsed,
+				entry: parsed.entry ? {
+					...parsed.entry,
+					prop
+				} : parsed.entry
+			}, grammarConfig);
+			if (!flatProp2) return "raw";
+			const entry = createPlanEntry(flatProp2.key, flatProp2.value, parsed.modifiers);
+			if (!entry) return "raw";
+			entries.push(entry);
+		}
+		return attachShorthandResets(entries, parsed.modifiers);
+	}
+	const flatProp = tailwindClassToFlatProp(parsed, grammarConfig);
+	if (flatProp) {
+		const entry = createPlanEntry(flatProp.key, flatProp.value, parsed.modifiers);
+		return entry ? attachShorthandResets([entry], parsed.modifiers) : "raw";
+	}
+	return "raw";
+}
+function getTailwindClassPlan(candidate, config) {
+	const grammarConfig = getStyleGrammarConfig(config);
+	const plans = getClassPlanCache(grammarConfig);
+	let plan = plans.get(candidate);
+	if (plan === void 0) {
+		plan = computeClassPlan(candidate, grammarConfig);
+		plans.set(candidate, plan);
+	}
+	return plan;
+}
+function resolveTailwindCandidate(candidate, config, sink) {
+	const composed = (0, import_compose.tryCompose)(candidate, getStyleGrammarConfig(config), sink);
+	if (composed !== void 0) return composed;
+	const plan = getTailwindClassPlan(candidate, config);
+	if (plan === "raw") return true;
+	if (plan === null) return null;
+	const parent = Array.isArray(plan) ? null : plan;
+	const entries = parent ? parent.entries : plan;
+	for (let index = 0; index < entries.length; index++) {
+		const entry = entries[index];
+		const transformTokenCategory = entry[0] === "x" || entry[0] === "y" ? "space" : entry[0] === "perspective" ? "perspective" : null;
+		const transformValue = transformTokenCategory && typeof entry[1] === "string" ? config.tokensParsed?.[transformTokenCategory]?.[entry[1]]?.val ?? entry[1] : entry[1];
+		if ((0, import_compose.noteTailwindTransform)(sink, [
+			entry[0],
+			transformValue,
+			entry[2],
+			entry[3]
+		])) continue;
+		if (entry[0] === "boxShadow" && typeof entry[1] === "string") (0, import_compose.noteBoxShadow)(sink, config.tokensParsed?.boxShadow?.[entry[1]]?.val ?? entry[1], entry[3] || []);
+		sink(entry);
+	}
+	return parent?.preserveRawClass || false;
+}
+function resolveTailwindClassName(className, config) {
+	const result = {};
+	let composedProps = null;
+	let rawClassName = "";
+	const sink = (entry) => {
+		const [key, value, condition] = entry;
+		if (key.charCodeAt(0) === 95 && key.charCodeAt(1) === 95) {
+			composedProps ||= {};
+			composedProps[key] = (0, import_internal_runtime.mergeFrontendCondition)(composedProps[key], value, condition);
+			return;
+		}
+		if (condition === void 0) {
+			const resets = shorthandResets[key];
+			if (resets) for (let i = 0; i < resets.length; i++) delete result[resets[i]];
+		}
+		setInAuthoredOrder(result, key, (0, import_internal_runtime.mergeFrontendCondition)(result[key], value, condition));
+	};
+	let start = 0;
+	for (let index = 0; index <= className.length; index++) {
+		if (index !== className.length && className.charCodeAt(index) > 32) continue;
+		if (start === index) {
+			start = index + 1;
+			continue;
+		}
+		const candidate = className.slice(start, index);
+		if (resolveTailwindCandidate(candidate, config, sink)) rawClassName = rawClassName ? `${rawClassName} ${candidate}` : candidate;
+		start = index + 1;
+	}
+	if (composedProps) {
+		const composed = (0, import_composedResolver.composedResolver)(composedProps);
+		for (const key in composed) setInAuthoredOrder(result, key, composed[key]);
+	}
+	if (rawClassName) result.className = rawClassName;
+	return result;
+}
+function setInAuthoredOrder(target, key, value) {
+	if (value === "unset") {
+		delete target[key];
+		return;
+	}
+	if (key in target) delete target[key];
+	target[key] = value;
+}