@tamagui/tailwind 3.0.0-beta.924.1 → 3.0.0

package/dist/cjs/compose.native.cjs

@@ -0,0 +1,389 @@
+"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 compose_exports = {};
+__export(compose_exports, {
+	noteBoxShadow: () => noteBoxShadow,
+	noteTailwindTransform: () => noteTailwindTransform,
+	tryCompose: () => tryCompose
+});
+module.exports = __toCommonJS(compose_exports);
+var import_internal_runtime = require("@tamagui/core/internal-runtime");
+var import_runtime = require("@tamagui/style-grammar/runtime");
+var import_candidate = require("@tamagui/style-grammar/tooling/candidate");
+var import_constants = require("@tamagui/constants");
+var transformProps = new Set([
+	"perspective",
+	"rotateX",
+	"rotateY",
+	"rotateZ",
+	"skewX",
+	"skewY"
+]);
+var nativeTarget = !import_constants.isWeb || true;
+var linearTo = {
+	t: "to top",
+	tr: "to top right",
+	r: "to right",
+	br: "to bottom right",
+	b: "to bottom",
+	bl: "to bottom left",
+	l: "to left",
+	tl: "to top left"
+};
+var colorKeywords = {
+	transparent: "transparent",
+	current: "currentColor",
+	inherit: "inherit",
+	black: "black",
+	white: "white"
+};
+var dropShadowPresets = {
+	xs: {
+		geometry: "0 1px 1px",
+		defaultColor: "rgb(0 0 0 / 0.05)"
+	},
+	sm: {
+		geometry: "0 1px 2px",
+		defaultColor: "rgb(0 0 0 / 0.15)"
+	},
+	md: {
+		geometry: "0 3px 3px",
+		defaultColor: "rgb(0 0 0 / 0.12)"
+	},
+	lg: {
+		geometry: "0 4px 4px",
+		defaultColor: "rgb(0 0 0 / 0.15)"
+	},
+	xl: {
+		geometry: "0 9px 7px",
+		defaultColor: "rgb(0 0 0 / 0.1)"
+	},
+	"2xl": {
+		geometry: "0 25px 25px",
+		defaultColor: "rgb(0 0 0 / 0.15)"
+	},
+	none: {
+		geometry: "0 0 0",
+		defaultColor: "transparent"
+	}
+};
+var textShadowPresets = {
+	"2xs": {
+		offset: {
+			width: 0,
+			height: 1
+		},
+		radius: 0,
+		defaultColor: "rgb(0 0 0 / 0.15)"
+	},
+	xs: {
+		offset: {
+			width: 0,
+			height: 1
+		},
+		radius: 1,
+		defaultColor: "rgb(0 0 0 / 0.2)"
+	},
+	none: {
+		offset: {
+			width: 0,
+			height: 0
+		},
+		radius: 0,
+		defaultColor: "transparent"
+	}
+};
+var insetShadowPresets = {
+	"2xs": {
+		geometry: "inset 0 1px 0",
+		defaultColor: "rgb(0 0 0 / 0.05)"
+	},
+	xs: {
+		geometry: "inset 0 1px 1px",
+		defaultColor: "rgb(0 0 0 / 0.05)"
+	},
+	sm: {
+		geometry: "inset 0 2px 4px",
+		defaultColor: "rgb(0 0 0 / 0.05)"
+	},
+	none: {
+		geometry: "",
+		defaultColor: "transparent"
+	}
+};
+var filterPropMap = {
+	blur: "__filter_blur",
+	brightness: "__filter_brightness",
+	contrast: "__filter_contrast",
+	grayscale: "__filter_grayscale",
+	"hue-rotate": "__filter_hueRotate",
+	invert: "__filter_invert",
+	saturate: "__filter_saturate",
+	sepia: "__filter_sepia"
+};
+function composerKind(core) {
+	var first = core.charCodeAt(0);
+	if (first === 100) return core.startsWith("drop-shadow-") ? "drop-shadow" : null;
+	if (first === 102) return core.startsWith("from-") ? "from" : null;
+	if (first === 118) return core.startsWith("via-") ? "via" : null;
+	if (first === 116) {
+		if (core.startsWith("text-shadow-")) return "text-shadow";
+		return core.startsWith("to-") ? "to" : null;
+	}
+	if (first === 98) {
+		if (core.startsWith("bg-linear-to-")) return "image";
+		return core.startsWith("blur-") || core.startsWith("brightness-") ? "filter" : null;
+	}
+	if (first === 114) {
+		if (core.startsWith("ring-offset-")) return "ring-offset";
+		return core === "ring" || core.startsWith("ring-") ? "ring" : null;
+	}
+	if (first === 99) return core.startsWith("contrast-") ? "filter" : null;
+	if (first === 103) return core === "grayscale" || core.startsWith("grayscale-") ? "filter" : null;
+	if (first === 104) return core.startsWith("hue-rotate-") ? "filter" : null;
+	if (first === 105) return core.startsWith("inset-ring") ? "inset-ring" : core.startsWith("inset-shadow-") ? "inset-shadow" : core === "invert" || core.startsWith("invert-") ? "filter" : null;
+	if (first === 115) {
+		if (core.startsWith("shadow-")) return "shadow-color";
+		return core.startsWith("saturate-") || core === "sepia" || core.startsWith("sepia-") ? "filter" : null;
+	}
+	return null;
+}
+function filterPart(core) {
+	if (core.startsWith("blur-")) {
+		var value = {
+			none: 0,
+			xs: 4,
+			sm: 8,
+			md: 12,
+			lg: 16,
+			xl: 24,
+			"2xl": 40,
+			"3xl": 64
+		}[core.slice(5)];
+		return value === void 0 ? null : ["blur", `${value}px`];
+	}
+	for (var _i = 0, _iter = [
+		"brightness",
+		"contrast",
+		"saturate"
+	]; _i < _iter.length; _i++) {
+		var name = _iter[_i];
+		if (!core.startsWith(`${name}-`)) continue;
+		var value1 = core.slice(name.length + 1);
+		if (!/^\d+$/.test(value1)) return null;
+		return [name, `${value1}%`];
+	}
+	for (var _i1 = 0, _iter1 = [
+		"grayscale",
+		"invert",
+		"sepia"
+	]; _i1 < _iter1.length; _i1++) {
+		var name1 = _iter1[_i1];
+		if (core === name1) return [name1, "100%"];
+		if (!core.startsWith(`${name1}-`)) continue;
+		var value2 = core.slice(name1.length + 1);
+		if (!/^\d+$/.test(value2)) return null;
+		return [name1, `${value2}%`];
+	}
+	if (core.startsWith("hue-rotate-")) {
+		var value3 = core.slice(11);
+		if (!/^\d+$/.test(value3)) return null;
+		return ["hue-rotate", `${value3}deg`];
+	}
+	return null;
+}
+function resolveColor(raw, config) {
+	if (raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]") return (0, import_candidate.decodeArbitrary)(raw.slice(1, -1)) || null;
+	if (raw.endsWith("%")) return null;
+	var keyword = colorKeywords[raw];
+	if (keyword) return keyword;
+	var suffix = (0, import_runtime.splitColorOpacitySuffix)(raw);
+	var name = suffix.kind === "none" ? raw : suffix.name;
+	if (!(0, import_candidate.hasTokenName)(config, "color", name)) return null;
+	return raw;
+}
+function emit(sink, property, value, modifiers) {
+	if (modifiers.length === 0) {
+		sink([property, value]);
+		return;
+	}
+	var _plainValueToPayload;
+	var payload = (_plainValueToPayload = (0, import_internal_runtime.plainValueToPayload)(value, property)) !== null && _plainValueToPayload !== void 0 ? _plainValueToPayload : value;
+	if (payload === null) return;
+	var condition = modifiers[0];
+	for (var index = 1; index < modifiers.length; index++) condition += `:${modifiers[index]}`;
+	sink([
+		property,
+		payload,
+		condition,
+		modifiers
+	]);
+}
+function ringWidth(raw) {
+	if (raw === "inset") return null;
+	if (/^\d+$/.test(raw)) return `${raw}px`;
+	if (raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]") {
+		var inner = (0, import_candidate.decodeArbitrary)(raw.slice(1, -1));
+		if (/^-?(?:\d+|\d*\.\d+)$/.test(inner)) return `${inner}px`;
+		if (/^-?(?:\d+|\d*\.\d+)px$/.test(inner)) return inner;
+		return null;
+	}
+	return null;
+}
+function tryCompose(candidate, config, sink) {
+	var modified = candidate.indexOf(":") !== -1;
+	var split = modified ? (0, import_candidate.splitCandidate)(candidate) : null;
+	if (modified && !split) return void 0;
+	var core = split ? split.base : candidate;
+	if (!core) return void 0;
+	var kind = composerKind(core);
+	if (kind == null) return void 0;
+	var modifiers = split ? split.modifiers.map(import_runtime.canonicalClauseModifier) : [];
+	if (kind === "filter") {
+		var part = filterPart(core);
+		if (!part) return true;
+		if (nativeTarget && part[0] !== "brightness" && !import_constants.isAndroid) return null;
+		var prop = filterPropMap[part[0]];
+		if (prop) emit(sink, prop, part[1], modifiers);
+		return false;
+	}
+	if (kind === "drop-shadow") {
+		if (nativeTarget && !import_constants.isAndroid) return null;
+		var raw = core.slice(12);
+		var shadow = dropShadowPresets[raw];
+		if (shadow) {
+			emit(sink, "__dropShadowGeometry", shadow.geometry, modifiers);
+			emit(sink, "__dropShadowDefaultColor", shadow.defaultColor, modifiers);
+		} else {
+			var color = resolveColor(raw, config);
+			if (color == null) return void 0;
+			emit(sink, "__dropShadowColor", color, modifiers);
+		}
+		return false;
+	}
+	if (kind === "text-shadow") {
+		var raw1 = core.slice(12);
+		var geometry = textShadowPresets[raw1];
+		if (geometry) {
+			if (modifiers.length > 0) return nativeTarget ? null : void 0;
+			emit(sink, "__textShadow_preset", geometry, modifiers);
+		} else {
+			var _classified_parsed_entry;
+			var resolved = resolveColor(raw1, config);
+			var classified = resolved == null ? (0, import_candidate.classifyCandidate)(core, config) : null;
+			var color1 = resolved !== null && resolved !== void 0 ? resolved : (classified === null || classified === void 0 ? void 0 : classified.kind) === "tamagui" && ((_classified_parsed_entry = classified.parsed.entry) === null || _classified_parsed_entry === void 0 ? void 0 : _classified_parsed_entry.prop) === "textShadowColor" ? raw1 : null;
+			if (color1 == null) return void 0;
+			emit(sink, "__textShadow_color", color1, modifiers);
+		}
+		return false;
+	}
+	if (kind === "inset-ring") {
+		var raw2 = core === "inset-ring" ? "" : core.slice(11);
+		var width = raw2 === "" ? "1px" : ringWidth(raw2);
+		if (width != null) emit(sink, "__insetRingWidth", width, modifiers);
+		else {
+			var color2 = resolveColor(raw2, config);
+			if (color2 == null) return void 0;
+			emit(sink, "__insetRingColor", color2, modifiers);
+		}
+		return false;
+	}
+	if (kind === "inset-shadow") {
+		var raw3 = core.slice(13);
+		var shadow1 = insetShadowPresets[raw3];
+		if (shadow1) {
+			emit(sink, "__insetShadowGeometry", shadow1.geometry, modifiers);
+			emit(sink, "__insetShadowDefaultColor", shadow1.defaultColor, modifiers);
+		} else {
+			var color3 = resolveColor(raw3, config);
+			if (color3 == null) return void 0;
+			emit(sink, "__insetShadowColor", color3, modifiers);
+		}
+		return false;
+	}
+	if (kind === "shadow-color") {
+		var raw4 = core.slice(7);
+		var color4 = resolveColor(raw4, config);
+		if (color4 == null || raw4[0] === "[" && /\s/.test(color4.replace(/\([^)]*\)/g, ""))) return void 0;
+		emit(sink, "__shadowColor", color4, modifiers);
+		return false;
+	}
+	if (kind === "ring-offset") {
+		var raw5 = core.slice(12);
+		var width1 = ringWidth(raw5);
+		if (width1 != null) {
+			emit(sink, "__ringOffsetWidth", width1, modifiers);
+			return false;
+		}
+		var color5 = resolveColor(raw5, config);
+		if (color5 == null) return void 0;
+		emit(sink, "__ringOffsetColor", color5, modifiers);
+		return false;
+	}
+	if (kind === "image") {
+		var dir = linearTo[core.slice(13)];
+		if (!dir) return true;
+		emit(sink, "__gradientDirection", dir, modifiers);
+		return false;
+	}
+	if (kind === "from" || kind === "via" || kind === "to") {
+		var raw6 = core.slice(kind.length + 1);
+		var prop1 = kind === "from" ? "__gradientFrom" : kind === "via" ? "__gradientVia" : "__gradientTo";
+		if (/^\d+(?:\.\d+)?%$/.test(raw6)) {
+			emit(sink, `${prop1}Position`, raw6, modifiers);
+			return false;
+		}
+		var color6 = resolveColor(raw6, config);
+		if (color6 == null) return true;
+		emit(sink, prop1, color6, modifiers);
+		return false;
+	}
+	if (core === "ring") {
+		emit(sink, "__ring", "1px", modifiers);
+		return false;
+	}
+	if (core === "ring-inset") {
+		emit(sink, "__ringInset", true, modifiers);
+		return false;
+	}
+	var raw7 = core.slice(5);
+	var width2 = ringWidth(raw7);
+	if (width2 != null) {
+		emit(sink, "__ring", width2, modifiers);
+		return false;
+	}
+	var color7 = resolveColor(raw7, config);
+	if (color7 == null) return true;
+	emit(sink, "__ringColor", color7, modifiers);
+	return false;
+}
+function noteTailwindTransform(sink, entry) {
+	if (!transformProps.has(entry[0])) return false;
+	emit(sink, `__transform_${entry[0]}`, entry[1], entry[3] || []);
+	return true;
+}
+function noteBoxShadow(sink, value, modifiers) {
+	if (typeof value !== "string" || value === "unset") return;
+	if (value.indexOf(" ") === -1 && value !== "none" && !value.startsWith("inset")) return;
+	emit(sink, "__shadow", value, modifiers);
+}