@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -3,215 +3,264 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getCSSStylesAtomic_exports = {};
 __export(getCSSStylesAtomic_exports, {
-  getCSSStylesAtomic: () => getCSSStylesAtomic,
-  getStyleAtomic: () => getStyleAtomic,
-  styleToCSS: () => styleToCSS
+	addComposition: () => addComposition,
+	buildAtomicSlotCSS: () => buildAtomicSlotCSS,
+	canGenerateCSS: () => canGenerateCSS,
+	flushDirectStyles: () => flushDirectStyles,
+	getCSSStyleAtomic: () => getCSSStyleAtomic,
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	registerAtomicSlot: () => registerAtomicSlot,
+	styleToCSS: () => import_styleToCSS2.styleToCSS
 });
 module.exports = __toCommonJS(getCSSStylesAtomic_exports);
 var import_helpers = require("@tamagui/helpers");
 var import_config = require("../config.cjs");
-var import_useMedia = require("../hooks/useMedia.cjs");
-var import_defaultOffset = require("./defaultOffset.cjs");
-var import_normalizeColor = require("./normalizeColor.cjs");
+var import_grammarConfig = require("./grammarConfig.cjs");
+var import_insertStyleRule = require("./insertStyleRule.cjs");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
-var import_pseudoDescriptors = require("./pseudoDescriptors.cjs");
+var import_styleToCSS = require("./styleToCSS.cjs");
 var import_transformsToString = require("./transformsToString.cjs");
+var import_styleToCSS2 = require("./styleToCSS.cjs");
+const canGenerateCSS = !process.env.TAMAGUI_DID_OUTPUT_CSS;
+function directStyleSignature(property, value, conditionKey = "") {
+	return "" + property + "" + conditionKey + "" + String(value);
+}
+function getShortProp(key) {
+	let short = "";
+	for (let i = 0; i < key.length; i++) {
+		const code = key.charCodeAt(i);
+		if ((i === 0 || code >= 65 && code <= 90 || key.charCodeAt(i - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) short += key[i].toLowerCase();
+	}
+	return short || "x";
+}
+function registerAtomicSlot(state, atomicKey, entries) {
+	let signature = "";
+	for (let index = 0; index < entries.length; index++) {
+		const entry = entries[index];
+		let value = entry[1];
+		if (entry[0] === "transform" && Array.isArray(value)) value = (0, import_transformsToString.transformsToString)(value);
+		entry[1] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, entry[0]);
+		signature += directStyleSignature(entry[0], entry[1], `${entry[3]}${entry[7] >> 5}`);
+	}
+	const built = buildAtomicSlotCSS(atomicKey, entries, signature);
+	if (!built) return;
+	let styleObjectProperty = entries[0][0];
+	for (let index = 1; index < entries.length; index++) if (entries[index][0] !== styleObjectProperty) {
+		styleObjectProperty = atomicKey;
+		break;
+	}
+	const styleObject = built[3] ||= [
+		styleObjectProperty,
+		built[2],
+		built[0],
+		void 0,
+		built[1]
+	];
+	(state.flatAtomics ||= /* @__PURE__ */ new Map()).set(atomicKey, styleObject);
+	state.classNames[atomicKey] = built[0];
+}
+function flushDirectStyles(state, clear = false) {
+	if (!canGenerateCSS) {
+		if (clear) state.flatAtomics = void 0;
+		return;
+	}
+	const direct = state;
+	const atomics = direct.flatAtomics;
+	if (!atomics) return;
+	for (const styleObject of atomics.values()) {
+		const identifier = styleObject[import_helpers.StyleObjectIdentifier];
+		if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
+			const rules = styleObject[import_helpers.StyleObjectRules].slice();
+			styleObject[import_helpers.StyleObjectRules] = rules;
+			(0, import_insertStyleRule.updateRules)(identifier, rules);
+			state.flatRulesToInsert[identifier] = styleObject;
+		}
+	}
+	if (clear) direct.flatAtomics = void 0;
+}
+function addComposition(state, property) {
+	if (!canGenerateCSS || state.classNames[property]) return;
+	const isTranslate = property === "translate";
+	const identifier = isTranslate ? "_t-compose" : "_s-compose";
+	const value = isTranslate ? "var(--t-x, 0px) var(--t-y, 0px)" : "var(--t-scale-x, 1) var(--t-scale-y, 1)";
+	const rules = [`:where(.${identifier}){${isTranslate ? "--t-x:0px;--t-y:0px" : "--t-scale-x:1;--t-scale-y:1"}}`, `.${identifier}{${property}:${value}}`];
+	if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
+		(0, import_insertStyleRule.updateRules)(identifier, rules);
+		state.flatRulesToInsert[identifier] = [
+			property,
+			value,
+			identifier,
+			void 0,
+			rules
+		];
+	}
+	state.classNames[property] = identifier;
+}
 function getCSSStylesAtomic(style) {
-  styleToCSS(style);
-  const out = [];
-  for (const key in style) {
-    if (key === "$$css") continue;
-    const val = style[key];
-    if (key in import_pseudoDescriptors.pseudoDescriptors) {
-      if (val) {
-        out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
-      }
-    } else if ((0, import_useMedia.isMediaKey)(key)) {
-      for (const subKey in val) {
-        const so = getStyleObject(val, subKey);
-        if (so) {
-          so[0] = key;
-          out.push(so);
-        }
-      }
-    } else {
-      const so = getStyleObject(style, key);
-      if (so) {
-        out.push(so);
-      }
-    }
-  }
-  return out;
+	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];
+	(0, import_styleToCSS.styleToCSS)(style);
+	const out = [];
+	for (const key in style) {
+		if (key === "$$css") continue;
+		const val = style[key];
+		const so = getStyleObject(val, key);
+		if (so) out.push(so);
+	}
+	return out;
+}
+function getCSSStyleAtomic(key, val, condition = "", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) {
+	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;
+	return getStyleObject(val, key, condition, wrappers, identity, direct, identityKey, classRepetitions);
 }
-const getStyleAtomic = (style, pseudo) => {
-  styleToCSS(style);
-  const out = [];
-  for (const key in style) {
-    const so = getStyleObject(style, key, pseudo);
-    if (so) {
-      out.push(so);
-    }
-  }
-  return out;
-};
 let conf = null;
-const getStyleObject = (style, key, pseudo) => {
-  let val = style[key];
-  if (val == null) return;
-  if (key === "transform" && Array.isArray(style.transform)) {
-    val = (0, import_transformsToString.transformsToString)(val);
-  }
-  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
-  const hash = (0, import_helpers.simpleHash)(typeof value === "string" ? value : `${value}`);
-  const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
-  conf ||= (0, import_config.getConfigMaybe)();
-  const shortProp = conf?.inverseShorthands[key] || key;
-  let identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
-  if (key === "pointerEvents" && !pseudo) {
-    if (value === "box-none") identifier = "_pe-boxnone";else if (value === "box-only") identifier = "_pe-boxonly";
-  }
-  const rules = createAtomicRules(identifier, key, value, pseudo);
-  return [
-  // array for performance
-  key, value, identifier, pseudo?.name, rules];
+let confRevision = 0;
+const getStyleObject = (val, key, condition = "", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) => {
+	if (val == null) return;
+	if (key === "transform" && Array.isArray(val)) val = (0, import_transformsToString.transformsToString)(val);
+	const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
+	syncAtomicConfig();
+	const rawValue = typeof value === "string" ? value : `${value}`;
+	const hash = (0, import_helpers.simpleHash)(identity ?? rawValue, direct ? "strict" : 10) || "0";
+	let identifier = `_${direct ? getShortProp(identityKey) : conf?.inverseShorthands[key] || key}-${hash}`;
+	if (key === "pointerEvents" && !condition) {
+		if (value === "box-none") identifier = "_pe-boxnone";
+		else if (value === "box-only") identifier = "_pe-boxonly";
+	}
+	const rules = createAtomicRules(identifier, key, value, condition, wrappers, direct, classRepetitions);
+	return [
+		key,
+		value,
+		identifier,
+		void 0,
+		rules
+	];
 };
-function styleToCSS(style) {
-  const {
-    shadowOffset,
-    shadowRadius,
-    shadowColor,
-    shadowOpacity
-  } = style;
-  if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {
-    const offset = shadowOffset || import_defaultOffset.defaultOffset;
-    const width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width);
-    const height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height);
-    const radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius);
-    const color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity);
-    if (color) {
-      const shadow = `${width} ${height} ${radius} ${color}`;
-      style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
-    }
-    delete style.shadowOffset;
-    delete style.shadowRadius;
-    delete style.shadowColor;
-    delete style.shadowOpacity;
-  }
-  const {
-    textShadowColor,
-    textShadowOffset,
-    textShadowRadius
-  } = style;
-  if (textShadowColor || textShadowOffset || textShadowRadius) {
-    const {
-      height,
-      width
-    } = textShadowOffset || import_defaultOffset.defaultOffset;
-    const radius = textShadowRadius || 0;
-    const color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
-    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
-      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius);
-      const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
-      const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
-      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
-    }
-    delete style.textShadowColor;
-    delete style.textShadowOffset;
-    delete style.textShadowRadius;
-  }
+const slotIdentities = /* @__PURE__ */ new Map();
+let slotIdentityCount = 0;
+function syncAtomicConfig() {
+	const nextConf = (0, import_config.getConfigMaybe)();
+	const nextRevision = nextConf ? (0, import_grammarConfig.getConfigRevisionState)(nextConf).revision : 0;
+	if (nextConf !== conf || nextRevision !== confRevision) {
+		conf = nextConf;
+		confRevision = nextRevision;
+		slotIdentities.clear();
+		slotIdentityCount = 0;
+	}
 }
-function createDeclarationBlock(style, important = false) {
-  let next = "";
-  for (const [key, value] of style) {
-    next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
-  }
-  return `{${next}}`;
+function buildAtomicSlotCSS(atomicKey, entries, signature) {
+	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;
+	syncAtomicConfig();
+	let bySignature = slotIdentities.get(atomicKey);
+	if (!bySignature) slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
+	const known = bySignature.get(signature);
+	if (known) return known;
+	const hash = (0, import_helpers.simpleHash)(signature, "strict") || "0";
+	let identifier = `_${getShortProp(atomicKey)}-${hash}`;
+	if (atomicKey === "pointerEvents" && entries.length === 1 && !entries[0][2]) {
+		const value = entries[0][1];
+		if (value === "box-none") identifier = "_pe-boxnone";
+		else if (value === "box-only") identifier = "_pe-boxonly";
+	}
+	const rules = [];
+	let lastValue;
+	let layered = false;
+	for (let index = 1; index < entries.length; index++) if (entries[index][0] !== entries[0][0]) {
+		layered = true;
+		break;
+	}
+	for (const entry of entries) {
+		const value = entry[1];
+		lastValue = value;
+		const entryRules = createAtomicRules(identifier, entry[0], value, entry[4], entry[5], 2, Math.max(layered ? 1 + (entry[7] >> 5) : 1, atomicKey === "containerName" || atomicKey === "containerType" ? 2 : 1));
+		for (const rule of entryRules) rules.push(rule);
+	}
+	const built = [
+		identifier,
+		rules,
+		lastValue
+	];
+	if (slotIdentityCount > 1e4) {
+		slotIdentities.clear();
+		slotIdentityCount = 0;
+		slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
+	}
+	slotIdentityCount++;
+	bySignature.set(signature, built);
+	return built;
 }
 const hcache = {};
-const toHyphenLower = match => `-${match.toLowerCase()}`;
-const hyphenateStyleName = key => {
-  if (key in hcache) return hcache[key];
-  const val = key.replace(/[A-Z]/g, toHyphenLower);
-  hcache[key] = val;
-  return val;
+const toHyphenLower = (match) => `-${match.toLowerCase()}`;
+const hyphenateStyleName = (key) => {
+	if (key in hcache) return hcache[key];
+	const val = key.replace(/[A-Z]/g, toHyphenLower);
+	hcache[key] = val;
+	return val;
 };
-const selectorPriority = (() => {
-  const res = {};
-  for (const key in import_pseudoDescriptors.pseudoDescriptors) {
-    const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
-    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
-  }
-  return res;
-})();
-function createAtomicRules(identifier, property, value, pseudo) {
-  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? `[aria-disabled]` : `:${pseudo.name}` : "";
-  const pseudoSelector = pseudo?.selector;
-  const cls = property in import_helpers.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
-  let selector = pseudo ? pseudoSelector ? `${pseudoSelector} ${cls}` : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}` : `:root ${cls}`;
-  if (pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector) {
-    selector = `${selector}, .${identifier}${pseudoSelector}`;
-  }
-  const important = !!pseudo;
-  let rules = [];
-  switch (property) {
-    // Equivalent to using '::placeholder'
-    case "placeholderTextColor":
-      {
-        const block = createDeclarationBlock([["color", value], ["opacity", 1]], important);
-        rules.push(`${selector}::placeholder${block}`);
-        break;
-      }
-    // all webkit prefixed rules
-    case "backgroundClip":
-    case "userSelect":
-      {
-        const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
-        const webkitProperty = `Webkit${propertyCapitalized}`;
-        const block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
-        rules.push(`${selector}${block}`);
-        break;
-      }
-    // Polyfill for additional 'pointer-events' values
-    case "pointerEvents":
-      {
-        let finalValue = value;
-        if (value === "auto" || value === "box-only") {
-          finalValue = "auto";
-        } else if (value === "none" || value === "box-none") {
-          finalValue = "none";
-        }
-        const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
-        rules.push(`${selector}${block}`);
-        break;
-      }
-    default:
-      {
-        const block = createDeclarationBlock([[property, value]], important);
-        rules.push(`${selector}${block}`);
-        break;
-      }
-  }
-  if (pseudo?.name === "hover") {
-    rules = rules.map(r => `@media (hover) {${r}}`);
-  }
-  return rules;
-}
+function declaration(key, value, important = false) {
+	return `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+}
+function createAtomicRules(identifier, property, value, condition = "", wrappers, direct = false, classRepetitions = 1) {
+	const repetitions = direct && classRepetitions > 1 ? classRepetitions : !direct && property in import_helpers.cssShorthandLonghands ? 2 : 1;
+	const selector = `${`.${identifier}`.repeat(repetitions)}${condition}`;
+	let rules = [];
+	switch (property) {
+		case "placeholderTextColor":
+			rules.push(`${selector}::placeholder{${declaration("color", value)}${declaration("opacity", 1)}}`);
+			break;
+		case "selectionColor":
+			rules.push(`${selector}::selection{${declaration("backgroundColor", value)}}`);
+			break;
+		case "cursorColor":
+		case "selectionHandleColor":
+			rules.push(`${selector}{${declaration("caretColor", value)}}`);
+			break;
+		case "backgroundClip":
+		case "userSelect": {
+			const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`;
+			rules.push(`${selector}{${declaration(property, value)}${declaration(webkitProperty, value)}}`);
+			break;
+		}
+		case "pointerEvents": {
+			if (direct) {
+				const subject = value === "none" || value === "box-none" ? "none" : "auto";
+				const children = value === "none" || value === "box-only" ? "none" : "auto";
+				rules.push(`${selector}{pointer-events:${subject}}`, `${selector}>*{pointer-events:${children}}`);
+				break;
+			}
+			let finalValue = value;
+			if (value === "auto" || value === "box-only") finalValue = "auto";
+			else if (value === "none" || value === "box-none") finalValue = "none";
+			rules.push(`${selector}{${declaration("pointerEvents", finalValue, true)}}`);
+			break;
+		}
+		default: {
+			let output = declaration(property, value);
+			if (direct) output = output.slice(0, -1);
+			rules.push(`${selector}{${output}}`);
+			break;
+		}
+	}
+	if (wrappers) for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {
+		let rule = rules[ruleIndex];
+		for (let index = wrappers.length - 1; index >= 0; index--) rule = `${wrappers[index]} {${rule}}`;
+		rules[ruleIndex] = rule;
+	}
+	return rules;
+}

package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs

@@ -0,0 +1,45 @@
+"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 getCSSStylesAtomic_native_exports = {};
+__export(getCSSStylesAtomic_native_exports, {
+	addComposition: () => addComposition,
+	buildAtomicSlotCSS: () => buildAtomicSlotCSS,
+	canGenerateCSS: () => canGenerateCSS,
+	flushDirectStyles: () => flushDirectStyles,
+	getCSSStyleAtomic: () => getCSSStyleAtomic,
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	getStyleAtomic: () => getStyleAtomic,
+	registerAtomicSlot: () => registerAtomicSlot,
+	styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
+var empty = function() {};
+var canGenerateCSS = false;
+var flushDirectStyles = empty;
+var addComposition = empty;
+var registerAtomicSlot = empty;
+var buildAtomicSlotCSS = empty;
+var getCSSStylesAtomic = empty;
+var getCSSStyleAtomic = empty;
+var getStyleAtomic = empty;
+var styleToCSS = empty;

package/dist/cjs/helpers/getCSSStylesAtomic.native.js

@@ -5,34 +5,43 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getCSSStylesAtomic_native_exports = {};
 __export(getCSSStylesAtomic_native_exports, {
-  getCSSStylesAtomic: () => getCSSStylesAtomic,
-  getStyleAtomic: () => getStyleAtomic,
-  styleToCSS: () => styleToCSS
+	addComposition: () => addComposition,
+	buildAtomicSlotCSS: () => buildAtomicSlotCSS,
+	canGenerateCSS: () => canGenerateCSS,
+	flushDirectStyles: () => flushDirectStyles,
+	getCSSStyleAtomic: () => getCSSStyleAtomic,
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	getStyleAtomic: () => getStyleAtomic,
+	registerAtomicSlot: () => registerAtomicSlot,
+	styleToCSS: () => styleToCSS
 });
 module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
-var empty = function () {
-  console.warn("no-op native");
-};
+var empty = function() {};
+var canGenerateCSS = false;
+var flushDirectStyles = empty;
+var addComposition = empty;
+var registerAtomicSlot = empty;
+var buildAtomicSlotCSS = empty;
 var getCSSStylesAtomic = empty;
+var getCSSStyleAtomic = empty;
 var getStyleAtomic = empty;
 var styleToCSS = empty;
+
 //# sourceMappingURL=getCSSStylesAtomic.native.js.map

package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getCSSStylesAtomic_native_exports","__export","getCSSStylesAtomic","getStyleAtomic","styleToCSS","module","exports","__toCommonJS","empty","console","warn"],"sources":["../../../src/helpers/getCSSStylesAtomic.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,iCAAA;AAAA,IAAIQ,KAAA,GAAQ,SAAAA,CAAA,EAAW;EACnBC,OAAA,CAAQC,IAAA,CAAK,cAAc;AAC/B;AACO,IAAIR,kBAAA,GAAqBM,KAAA;AACzB,IAAIL,cAAA,GAAiBK,KAAA;AACrB,IAAIJ,UAAA,GAAaI,KAAA","ignoreList":[]}
+{"version":3,"file":"getCSSStylesAtomic.native.js","names":[],"sources":["cjs/helpers/getCSSStylesAtomic.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getCSSStylesAtomic_native_exports = {};\n__export(getCSSStylesAtomic_native_exports, {\n  addComposition: () => addComposition,\n  buildAtomicSlotCSS: () => buildAtomicSlotCSS,\n  canGenerateCSS: () => canGenerateCSS,\n  flushDirectStyles: () => flushDirectStyles,\n  getCSSStyleAtomic: () => getCSSStyleAtomic,\n  getCSSStylesAtomic: () => getCSSStylesAtomic,\n  getStyleAtomic: () => getStyleAtomic,\n  registerAtomicSlot: () => registerAtomicSlot,\n  styleToCSS: () => styleToCSS\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomic_native_exports);\nvar empty = function() {\n};\nvar canGenerateCSS = false;\nvar flushDirectStyles = empty;\nvar addComposition = empty;\nvar registerAtomicSlot = empty;\nvar buildAtomicSlotCSS = empty;\nvar getCSSStylesAtomic = empty;\nvar getCSSStyleAtomic = empty;\nvar getStyleAtomic = empty;\nvar styleToCSS = empty;\n//# sourceMappingURL=getCSSStylesAtomic.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oCAAoC,CAAC;AACzC,SAAS,mCAAmC;CAC1C,sBAAsB;CACtB,0BAA0B;CAC1B,sBAAsB;CACtB,yBAAyB;CACzB,yBAAyB;CACzB,0BAA0B;CAC1B,sBAAsB;CACtB,0BAA0B;CAC1B,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,IAAI,QAAQ,WAAW,CACvB;AACA,IAAI,iBAAiB;AACrB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,aAAa"}

package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs

@@ -0,0 +1,44 @@
+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 getCSSStylesAtomicCompiled_exports = {};
+__export(getCSSStylesAtomicCompiled_exports, {
+	addComposition: () => addComposition,
+	buildAtomicSlotCSS: () => buildAtomicSlotCSS,
+	canGenerateCSS: () => canGenerateCSS,
+	flushDirectStyles: () => flushDirectStyles,
+	getCSSStyleAtomic: () => getCSSStyleAtomic,
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	registerAtomicSlot: () => registerAtomicSlot
+});
+module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
+const canGenerateCSS = false;
+function flushDirectStyles(_state, _clear = false) {}
+function addComposition(_state, _property) {}
+function registerAtomicSlot() {}
+function buildAtomicSlotCSS() {
+	return void 0;
+}
+function getCSSStylesAtomic(_style) {
+	return [];
+}
+function getCSSStyleAtomic() {
+	return void 0;
+}