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

package/dist/cjs/lowerProgram.cjs

@@ -0,0 +1,205 @@
+
+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 lowerProgram_exports = {};
+__export(lowerProgram_exports, {
+	defaultStateSelectors: () => defaultStateSelectors,
+	lowerProgram: () => lowerProgram
+});
+module.exports = __toCommonJS(lowerProgram_exports);
+var import_modifierRegistry = require("./modifierRegistry.cjs");
+var import_clausePrecedence = require("./clausePrecedence.cjs");
+var import_transformFamily = require("./transformFamily.cjs");
+var import_programHash = require("./programHash.cjs");
+var import_states = require("./states.cjs");
+const defaultStateSelectors = Object.freeze({
+	hover: {
+		fragment: ":hover",
+		media: "(hover: hover)"
+	},
+	press: { fragment: ":active" },
+	active: { fragment: ":active" },
+	focus: { fragment: ":focus" },
+	"focus-visible": { fragment: ":focus-visible" },
+	"focus-within": { fragment: ":focus-within" },
+	disabled: { fragment: "[aria-disabled]" },
+	enter: {
+		fragment: ".t_unmounted",
+		scope: "is-or-within"
+	},
+	exit: {
+		fragment: ".t_exiting",
+		scope: "is-or-within"
+	},
+	...Object.fromEntries(Object.entries(import_states.stateToSelector).map(([state, selector]) => [state, { fragment: selector }]))
+});
+const unnamedGroup = "true";
+function pushCapabilityGuard(wrappers, media) {
+	const guard = `@media ${media}`;
+	for (let index = 0; index < wrappers.length; index++) {
+		if (wrappers[index] === guard) return;
+	}
+	wrappers.push(guard);
+}
+function hyphenate(property) {
+	let out = "";
+	for (let index = 0; index < property.length; index++) {
+		const code = property.charCodeAt(index);
+		out += code >= 65 && code <= 90 ? `-${property[index].toLowerCase()}` : property[index];
+	}
+	return out;
+}
+function conditionSelector(fragment, scope, zeroSpecificity) {
+	const pseudo = zeroSpecificity ? "where" : "is";
+	if (scope === "within") return `:${pseudo}(${fragment} *)`;
+	if (scope === "is-or-within") {
+		return `:${pseudo}(${fragment}, ${fragment} *)`;
+	}
+	return zeroSpecificity ? `:where(${fragment})` : fragment;
+}
+function isPointerEventsMode(value) {
+	return value === "auto" || value === "none" || value === "box-none" || value === "box-only";
+}
+function pointerEventsCSS(mode) {
+	return {
+		subject: mode === "none" || mode === "box-none" ? "none" : "auto",
+		children: mode === "none" || mode === "box-only" ? "none" : "auto"
+	};
+}
+function lowerProgram(program, options) {
+	const { registry, configRevision, mediaQueries, containerQueries, stateSelectors = defaultStateSelectors, precedenceOrder = (0, import_clausePrecedence.createClausePrecedenceOrder)(mediaQueries), themeClassPrefix = "t_", groupClassPrefix = "t_group_" } = options;
+	const className = (0, import_programHash.programClassName)(program.property, program.value, configRevision);
+	const declaration = hyphenate(program.property);
+	const rules = [];
+	const pointerEventsProgram = program.property === "pointerEvents" && [program.value.base, ...program.value.clauses.map((clause) => clause.payload)].some((value) => value === "box-none" || value === "box-only");
+	const pushRule = (selector, wrappers, value) => {
+		if (pointerEventsProgram && isPointerEventsMode(value)) {
+			const pointerEvents = pointerEventsCSS(value);
+			rules.push(wrapAtRules(`${selector}{${declaration}:${pointerEvents.subject}}`, wrappers));
+			rules.push(wrapAtRules(`${selector}>*{${declaration}:${pointerEvents.children}}`, wrappers));
+			return;
+		}
+		rules.push(wrapAtRules(`${selector}{${declaration}:${value}}`, wrappers));
+	};
+	if (program.value.base !== null) {
+		pushRule(`.${className}`, [], program.value.base);
+	}
+	const clauseSlots = /* @__PURE__ */ new Map();
+	for (let index = 0; index < program.value.clauses.length; index++) {
+		const clause = program.value.clauses[index];
+		clauseSlots.set((0, import_clausePrecedence.clauseConditionSetKey)(clause.modifiers), {
+			clause,
+			index
+		});
+	}
+	const clauses = [...clauseSlots.values()].map((entry) => ({
+		...entry,
+		precedence: (0, import_clausePrecedence.getClausePrecedenceKey)(entry.clause.modifiers, registry, precedenceOrder)
+	})).sort((left, right) => (0, import_clausePrecedence.compareClausePrecedence)(left.precedence, right.precedence) || left.index - right.index);
+	for (const { clause, precedence } of clauses) {
+		let selectorSuffix = "";
+		let selfStateSpecificity = 0;
+		const wrappers = [];
+		let skip = false;
+		const seenModifiers = /* @__PURE__ */ new Set();
+		for (const authoredModifier of clause.modifiers) {
+			const modifier = (0, import_clausePrecedence.canonicalClauseModifier)(authoredModifier);
+			if (seenModifiers.has(modifier)) continue;
+			seenModifiers.add(modifier);
+			const kind = registry.get(modifier);
+			if (kind === "platform") {
+				if (modifier !== "web") skip = true;
+				continue;
+			}
+			if (kind === "media") {
+				const query = mediaQueries?.[modifier];
+				if (!query) {
+					throw new Error(`cannot lower "${modifier}:" \u2014 no media query was provided for media key "${modifier}"`);
+				}
+				wrappers.push(`@media ${query}`);
+				continue;
+			}
+			if (kind === "container") {
+				const container = (0, import_modifierRegistry.parseContainerModifier)(modifier);
+				const query = containerQueries?.[container.size];
+				if (!query) {
+					throw new Error(`cannot lower "${modifier}:" \u2014 no container query was provided for size "${container.size}"`);
+				}
+				wrappers.push(container.container === null ? `@container ${query}` : `@container ${container.container} ${query}`);
+				continue;
+			}
+			if (kind === "state") {
+				const state = stateSelectors[modifier];
+				if (!state) {
+					throw new Error(`cannot lower "${modifier}:" \u2014 the state has no web selector, so it cannot become CSS`);
+				}
+				selectorSuffix += conditionSelector(state.fragment, state.scope ?? "self", false);
+				selfStateSpecificity++;
+				if (state.media) pushCapabilityGuard(wrappers, state.media);
+				continue;
+			}
+			if (kind === "theme") {
+				selectorSuffix += conditionSelector(`.${themeClassPrefix}${modifier}`, "is-or-within", true);
+				continue;
+			}
+			if (kind === "group") {
+				const group = (0, import_modifierRegistry.parseGroupModifier)(modifier);
+				const state = stateSelectors[group.state];
+				if (!state) {
+					throw new Error(`cannot lower "${modifier}:" \u2014 the group state "${group.state}" has no web selector`);
+				}
+				selectorSuffix += conditionSelector(`.${groupClassPrefix}${group.group ?? unnamedGroup}${state.fragment}`, "within", true);
+				if (state.media) pushCapabilityGuard(wrappers, state.media);
+				continue;
+			}
+			throw new Error(`cannot lower "${modifier}:" \u2014 it is not a registered modifier, so the value was never validated`);
+		}
+		if (skip) continue;
+		const selector = `.${className}`.repeat((0, import_clausePrecedence.clauseSubjectClassRepetitions)(precedence, selfStateSpecificity)) + selectorSuffix;
+		pushRule(selector, wrappers, clause.payload);
+	}
+	const composition = import_transformFamily.transformAxisCompositions[program.property];
+	if (!composition) return {
+		className,
+		rules
+	};
+	const compositionClassName = (0, import_programHash.programClassName)(composition.property, {
+		base: composition.value,
+		clauses: []
+	}, configRevision);
+	const localDefaults = Object.entries(composition.defaults).map(([property, value]) => `${property}:${value}`).join(";");
+	return {
+		className,
+		rules,
+		composition: {
+			property: composition.property,
+			className: compositionClassName,
+			rules: [`:where(.${compositionClassName}){${localDefaults}}`, `.${compositionClassName}{${composition.property}:${composition.value}}`]
+		}
+	};
+}
+function wrapAtRules(rule, wrappers) {
+	let out = rule;
+	for (let index = wrappers.length - 1; index >= 0; index--) {
+		out = `${wrappers[index]} {${out}}`;
+	}
+	return out;
+}

package/dist/cjs/lowerProgram.native.cjs

@@ -0,0 +1,257 @@
+"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 lowerProgram_exports = {};
+__export(lowerProgram_exports, {
+	defaultStateSelectors: () => defaultStateSelectors,
+	lowerProgram: () => lowerProgram
+});
+module.exports = __toCommonJS(lowerProgram_exports);
+var import_modifierRegistry = require("./modifierRegistry.native.js");
+var import_clausePrecedence = require("./clausePrecedence.native.js");
+var import_transformFamily = require("./transformFamily.native.js");
+var import_programHash = require("./programHash.native.js");
+var import_states = require("./states.native.js");
+var defaultStateSelectors = Object.freeze({
+	hover: {
+		fragment: ":hover",
+		media: "(hover: hover)"
+	},
+	press: { fragment: ":active" },
+	active: { fragment: ":active" },
+	focus: { fragment: ":focus" },
+	"focus-visible": { fragment: ":focus-visible" },
+	"focus-within": { fragment: ":focus-within" },
+	disabled: { fragment: "[aria-disabled]" },
+	enter: {
+		fragment: ".t_unmounted",
+		scope: "is-or-within"
+	},
+	exit: {
+		fragment: ".t_exiting",
+		scope: "is-or-within"
+	},
+	...Object.fromEntries(Object.entries(import_states.stateToSelector).map(function(param) {
+		var [state, selector] = param;
+		return [state, { fragment: selector }];
+	}))
+});
+var unnamedGroup = "true";
+function pushCapabilityGuard(wrappers, media) {
+	var guard = `@media ${media}`;
+	for (var index = 0; index < wrappers.length; index++) {
+		if (wrappers[index] === guard) return;
+	}
+	wrappers.push(guard);
+}
+function hyphenate(property) {
+	var out = "";
+	for (var index = 0; index < property.length; index++) {
+		var code = property.charCodeAt(index);
+		out += code >= 65 && code <= 90 ? `-${property[index].toLowerCase()}` : property[index];
+	}
+	return out;
+}
+function conditionSelector(fragment, scope, zeroSpecificity) {
+	var pseudo = zeroSpecificity ? "where" : "is";
+	if (scope === "within") return `:${pseudo}(${fragment} *)`;
+	if (scope === "is-or-within") {
+		return `:${pseudo}(${fragment}, ${fragment} *)`;
+	}
+	return zeroSpecificity ? `:where(${fragment})` : fragment;
+}
+function isPointerEventsMode(value) {
+	return value === "auto" || value === "none" || value === "box-none" || value === "box-only";
+}
+function pointerEventsCSS(mode) {
+	return {
+		subject: mode === "none" || mode === "box-none" ? "none" : "auto",
+		children: mode === "none" || mode === "box-only" ? "none" : "auto"
+	};
+}
+function lowerProgram(program, options) {
+	var { registry, configRevision, mediaQueries, containerQueries, stateSelectors = defaultStateSelectors, precedenceOrder = (0, import_clausePrecedence.createClausePrecedenceOrder)(mediaQueries), themeClassPrefix = "t_", groupClassPrefix = "t_group_" } = options;
+	var className = (0, import_programHash.programClassName)(program.property, program.value, configRevision);
+	var declaration = hyphenate(program.property);
+	var rules = [];
+	var pointerEventsProgram = program.property === "pointerEvents" && [program.value.base, ...program.value.clauses.map(function(clause2) {
+		return clause2.payload;
+	})].some(function(value) {
+		return value === "box-none" || value === "box-only";
+	});
+	var pushRule = function(selector2, wrappers2, value) {
+		if (pointerEventsProgram && isPointerEventsMode(value)) {
+			var pointerEvents = pointerEventsCSS(value);
+			rules.push(wrapAtRules(`${selector2}{${declaration}:${pointerEvents.subject}}`, wrappers2));
+			rules.push(wrapAtRules(`${selector2}>*{${declaration}:${pointerEvents.children}}`, wrappers2));
+			return;
+		}
+		rules.push(wrapAtRules(`${selector2}{${declaration}:${value}}`, wrappers2));
+	};
+	if (program.value.base !== null) {
+		pushRule(`.${className}`, [], program.value.base);
+	}
+	var clauseSlots = /* @__PURE__ */ new Map();
+	for (var index = 0; index < program.value.clauses.length; index++) {
+		var clause = program.value.clauses[index];
+		clauseSlots.set((0, import_clausePrecedence.clauseConditionSetKey)(clause.modifiers), {
+			clause,
+			index
+		});
+	}
+	var clauses = [...clauseSlots.values()].map(function(entry) {
+		return {
+			...entry,
+			precedence: (0, import_clausePrecedence.getClausePrecedenceKey)(entry.clause.modifiers, registry, precedenceOrder)
+		};
+	}).sort(function(left, right) {
+		return (0, import_clausePrecedence.compareClausePrecedence)(left.precedence, right.precedence) || left.index - right.index;
+	});
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = clauses[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var { clause: clause1, precedence } = _step.value;
+			var selectorSuffix = "";
+			var selfStateSpecificity = 0;
+			var wrappers = [];
+			var skip = false;
+			var seenModifiers = /* @__PURE__ */ new Set();
+			var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+			try {
+				for (var _iterator1 = clause1.modifiers[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+					var authoredModifier = _step1.value;
+					var modifier = (0, import_clausePrecedence.canonicalClauseModifier)(authoredModifier);
+					if (seenModifiers.has(modifier)) continue;
+					seenModifiers.add(modifier);
+					var kind = registry.get(modifier);
+					if (kind === "platform") {
+						if (modifier !== "web") skip = true;
+						continue;
+					}
+					if (kind === "media") {
+						var query = mediaQueries === null || mediaQueries === void 0 ? void 0 : mediaQueries[modifier];
+						if (!query) {
+							throw new Error(`cannot lower "${modifier}:" \u2014 no media query was provided for media key "${modifier}"`);
+						}
+						wrappers.push(`@media ${query}`);
+						continue;
+					}
+					if (kind === "container") {
+						var container = (0, import_modifierRegistry.parseContainerModifier)(modifier);
+						var query1 = containerQueries === null || containerQueries === void 0 ? void 0 : containerQueries[container.size];
+						if (!query1) {
+							throw new Error(`cannot lower "${modifier}:" \u2014 no container query was provided for size "${container.size}"`);
+						}
+						wrappers.push(container.container === null ? `@container ${query1}` : `@container ${container.container} ${query1}`);
+						continue;
+					}
+					if (kind === "state") {
+						var state = stateSelectors[modifier];
+						if (!state) {
+							throw new Error(`cannot lower "${modifier}:" \u2014 the state has no web selector, so it cannot become CSS`);
+						}
+						var _state_scope;
+						selectorSuffix += conditionSelector(state.fragment, (_state_scope = state.scope) !== null && _state_scope !== void 0 ? _state_scope : "self", false);
+						selfStateSpecificity++;
+						if (state.media) pushCapabilityGuard(wrappers, state.media);
+						continue;
+					}
+					if (kind === "theme") {
+						selectorSuffix += conditionSelector(`.${themeClassPrefix}${modifier}`, "is-or-within", true);
+						continue;
+					}
+					if (kind === "group") {
+						var group = (0, import_modifierRegistry.parseGroupModifier)(modifier);
+						var state1 = stateSelectors[group.state];
+						if (!state1) {
+							throw new Error(`cannot lower "${modifier}:" \u2014 the group state "${group.state}" has no web selector`);
+						}
+						var _group_group;
+						selectorSuffix += conditionSelector(`.${groupClassPrefix}${(_group_group = group.group) !== null && _group_group !== void 0 ? _group_group : unnamedGroup}${state1.fragment}`, "within", true);
+						if (state1.media) pushCapabilityGuard(wrappers, state1.media);
+						continue;
+					}
+					throw new Error(`cannot lower "${modifier}:" \u2014 it is not a registered modifier, so the value was never validated`);
+				}
+			} catch (err) {
+				_didIteratorError1 = true;
+				_iteratorError1 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+						_iterator1.return();
+					}
+				} finally {
+					if (_didIteratorError1) {
+						throw _iteratorError1;
+					}
+				}
+			}
+			if (skip) continue;
+			var selector = `.${className}`.repeat((0, import_clausePrecedence.clauseSubjectClassRepetitions)(precedence, selfStateSpecificity)) + selectorSuffix;
+			pushRule(selector, wrappers, clause1.payload);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	var composition = import_transformFamily.transformAxisCompositions[program.property];
+	if (!composition) return {
+		className,
+		rules
+	};
+	var compositionClassName = (0, import_programHash.programClassName)(composition.property, {
+		base: composition.value,
+		clauses: []
+	}, configRevision);
+	var localDefaults = Object.entries(composition.defaults).map(function(param) {
+		var [property, value] = param;
+		return `${property}:${value}`;
+	}).join(";");
+	return {
+		className,
+		rules,
+		composition: {
+			property: composition.property,
+			className: compositionClassName,
+			rules: [`:where(.${compositionClassName}){${localDefaults}}`, `.${compositionClassName}{${composition.property}:${composition.value}}`]
+		}
+	};
+}
+function wrapAtRules(rule, wrappers) {
+	var out = rule;
+	for (var index = wrappers.length - 1; index >= 0; index--) {
+		out = `${wrappers[index]} {${out}}`;
+	}
+	return out;
+}