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

package/dist/cjs/candidate.cjs

@@ -0,0 +1,385 @@
+
+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,
+	isTokenValueProp: () => isTokenValueProp,
+	preprocessTailwindClassName: () => preprocessTailwindClassName,
+	setInAuthoredOrder: () => setInAuthoredOrder
+});
+module.exports = __toCommonJS(candidate_exports);
+var import_constants = require("@tamagui/constants");
+var import_internal_runtime = require("@tamagui/core/internal-runtime");
+var import_runtime = require("@tamagui/style-grammar/runtime");
+const styleGrammarConfigCache = /* @__PURE__ */ new WeakMap();
+function getStyleGrammarConfig(config) {
+	const cached = styleGrammarConfigCache.get(config);
+	if (cached) return cached;
+	const view = (0, import_runtime.createGrammarConfigView)(config);
+	styleGrammarConfigCache.set(config, view);
+	return view;
+}
+function isTokenValueProp(prop) {
+	return (0, import_runtime.getTokenCategory)(prop) !== null;
+}
+function arbitraryValue(inner) {
+	const px = /^(-?\d*\.?\d+)px$/.exec(inner);
+	if (px) return Number(px[1]);
+	if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
+	return inner;
+}
+function tailwindSizingValue(prop, value) {
+	if (value === "full") return "100%";
+	if (value === "auto") return "auto";
+	if (value === "screen") return /[Hh]eight/.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 borderDimValue(raw) {
+	let inner = raw;
+	if (raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]") {
+		inner = (0, import_runtime.decodeArbitrary)(raw.slice(1, -1));
+	}
+	const px = /^(-?\d*\.?\d+)px$/.exec(inner);
+	if (px) return Number.parseFloat(px[1]);
+	if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
+	return inner;
+}
+function expandBorderCandidate(parsed, value) {
+	const prefix = parsed.prefix;
+	if (!prefix) return null;
+	if (prefix.startsWith("rounded-")) {
+		const props = import_runtime.radiusCornerProps[prefix.slice("rounded-".length)];
+		if (!props || props.length === 1) return null;
+		const out2 = {};
+		for (const p of props) out2[p] = value;
+		return out2;
+	}
+	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";
+	const out = {};
+	for (const side of sides) out[`border${side}${suffix}`] = value;
+	return out;
+}
+function tailwindClassToFlatProp(parsed) {
+	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 (prop.endsWith("Width") && parsed.prefix?.startsWith("border")) {
+		if (parsed.valueKind === "token") {
+			value = `${parsed.negative ? "-" : ""}${value}`;
+		} else if (parsed.valueKind === "arbitrary") {
+			value = borderDimValue(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_runtime.decodeArbitrary)(value.slice(1, -1));
+		} else {
+			const generic = {
+				sans: "sans-serif",
+				serif: "serif",
+				mono: "monospace"
+			};
+			famValue = parsed.valueKind === "token" ? value : generic[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_runtime.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_runtime.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_runtime.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_runtime.decodeArbitrary)(value.slice(1, -1))
+		};
+	}
+	if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
+		const inner = (0, import_runtime.decodeArbitrary)(value.slice(1, -1));
+		if (inner === "") return null;
+		return {
+			key: prop,
+			value: arbitraryValue(inner)
+		};
+	}
+	if (category === "size" && parsed.valueKind !== "token") {
+		const sized = tailwindSizingValue(prop, value);
+		if (sized != null) {
+			return {
+				key: prop,
+				value: 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);
+		} else if (category) {
+			value = `${parsed.negative ? "-" : ""}${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();
+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;
+	return [null, (0, import_internal_runtime.createFrontendProgram)(property, {
+		base: null,
+		clauses: [{
+			modifiers,
+			payload
+		}]
+	})];
+}
+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 = [];
+		if (name) entries.push(["containerName", name]);
+		if (isSize) {
+			entries.push(["containerType", "size"]);
+		} else if (name) {
+			entries.push(["containerType", "inline-size"]);
+		} else {
+			entries.push(["container", true]);
+		}
+		return {
+			entries,
+			preserveRawClass: import_constants.isWeb
+		};
+	}
+	const classification = (0, import_runtime.classifyCandidate)(cls, grammarConfig);
+	if (classification.kind === "passthrough") {
+		return import_constants.isWeb ? "raw" : null;
+	}
+	const parsed = classification.parsed;
+	const util = parsed.kind === "utility" ? parsed.properties : null;
+	if (util) {
+		const entries = [];
+		for (const p in util) {
+			const entry = createPlanEntry(p, util[p], parsed.modifiers);
+			if (!entry) return "raw";
+			entries.push(entry);
+		}
+		return entries;
+	}
+	const flatProp = tailwindClassToFlatProp(parsed);
+	if (flatProp) {
+		const expanded = expandBorderCandidate(parsed, flatProp.value);
+		if (expanded) {
+			const entries = [];
+			for (const p in expanded) {
+				const entry2 = createPlanEntry(p, expanded[p], parsed.modifiers);
+				if (!entry2) return "raw";
+				entries.push(entry2);
+			}
+			return entries;
+		}
+		const entry = createPlanEntry(flatProp.key, flatProp.value, parsed.modifiers);
+		return entry ? [entry] : "raw";
+	}
+	return "raw";
+}
+const warnedNativePassthroughCandidates = /* @__PURE__ */ new Set();
+function setInAuthoredOrder(target, key, value) {
+	if (key in target) delete target[key];
+	target[key] = value;
+}
+function preprocessTailwindClassName(props, config, preservePassthroughPosition = false) {
+	const className = props.className;
+	if (!className || typeof className !== "string") {
+		return props;
+	}
+	const classes = className.split(/\s+/).filter(Boolean);
+	const result = {};
+	const grammarConfig = getStyleGrammarConfig(config);
+	const plans = getClassPlanCache(grammarConfig);
+	const classPlans = classes.map((cls) => {
+		let plan = plans.get(cls);
+		if (plan === void 0) {
+			plan = computeClassPlan(cls, grammarConfig);
+			plans.set(cls, plan);
+		}
+		return plan;
+	});
+	const hasOwnedStyleCandidate = preservePassthroughPosition && classPlans.some((plan) => Array.isArray(plan));
+	let frontendProgramIndex = 0;
+	let passthroughIndex = 0;
+	const regularClasses = [];
+	const preserveRawClass = (cls) => {
+		if (hasOwnedStyleCandidate) {
+			result[`${import_internal_runtime.STYLE_FRONTEND_PASSTHROUGH_PREFIX}${passthroughIndex++}`] = cls;
+		} else {
+			regularClasses.push(cls);
+		}
+	};
+	const applyEntry = ([key, value]) => {
+		if (key === null) {
+			result[`__tamagui_frontend_program_${frontendProgramIndex++}`] = value;
+		} else {
+			setInAuthoredOrder(result, key, value);
+		}
+	};
+	for (const key in props) {
+		if (key !== "className") {
+			setInAuthoredOrder(result, key, props[key]);
+			continue;
+		}
+		for (let classIndex = 0; classIndex < classes.length; classIndex++) {
+			const cls = classes[classIndex];
+			const plan = classPlans[classIndex];
+			if (plan === null) {
+				if (process.env.NODE_ENV !== "production" && !warnedNativePassthroughCandidates.has(cls)) {
+					warnedNativePassthroughCandidates.add(cls);
+					console.warn(`[tamagui] Tailwind candidate "${cls}" is web-only and was dropped on native. Use a Tamagui grammar candidate or a native style prop for cross-platform output.`);
+				}
+				continue;
+			}
+			if (plan === "raw") {
+				preserveRawClass(cls);
+				continue;
+			}
+			if (!Array.isArray(plan)) {
+				if (plan.preserveRawClass) {
+					preserveRawClass(cls);
+				}
+				for (let i = 0; i < plan.entries.length; i++) {
+					applyEntry(plan.entries[i]);
+				}
+				continue;
+			}
+			for (let i = 0; i < plan.length; i++) {
+				applyEntry(plan[i]);
+			}
+		}
+		if (regularClasses.length > 0) {
+			result.className = regularClasses.join(" ");
+		}
+	}
+	return result;
+}