@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1

package/dist/esm/helpers/getCSSStylesAtomic.mjs

@@ -1,10 +1,86 @@
-import { cssShorthandLonghands, simpleHash } from "@tamagui/helpers";
+import { StyleObjectIdentifier, StyleObjectRules, cssShorthandLonghands, simpleHash } from "@tamagui/helpers";
 import { getConfigMaybe } from "../config.mjs";
 import { getConfigRevisionState } from "./grammarConfig.mjs";
+import { shouldInsertStyleRules, updateRules } from "./insertStyleRule.mjs";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.mjs";
 import { styleToCSS, styleToCSS as styleToCSS2 } from "./styleToCSS.mjs";
 import { transformsToString } from "./transformsToString.mjs";
 
+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 = transformsToString(value);
+		entry[1] = 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[StyleObjectIdentifier];
+		if (shouldInsertStyleRules(identifier)) {
+			const rules = styleObject[StyleObjectRules].slice();
+			styleObject[StyleObjectRules] = rules;
+			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 (shouldInsertStyleRules(identifier)) {
+		updateRules(identifier, rules);
+		state.flatRulesToInsert[identifier] = [
+			property,
+			value,
+			identifier,
+			void 0,
+			rules
+		];
+	}
+	state.classNames[property] = identifier;
+}
 function getCSSStylesAtomic(style) {
 	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];
 	styleToCSS(style);
@@ -13,9 +89,7 @@ function getCSSStylesAtomic(style) {
 		if (key === "$$css") continue;
 		const val = style[key];
 		const so = getStyleObject(val, key);
-		if (so) {
-			out.push(so);
-		}
+		if (so) out.push(so);
 	}
 	return out;
 }
@@ -27,27 +101,12 @@ let conf = null;
 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 = transformsToString(val);
-	}
+	if (key === "transform" && Array.isArray(val)) val = transformsToString(val);
 	const value = normalizeValueWithProperty(val, key);
-	const nextConf = syncAtomicConfig();
+	syncAtomicConfig();
 	const rawValue = typeof value === "string" ? value : `${value}`;
 	const hash = simpleHash(identity ?? rawValue, direct ? "strict" : 10) || "0";
-	let shortProp;
-	if (direct) {
-		shortProp = "";
-		for (let index = 0; index < identityKey.length; index++) {
-			const code = identityKey.charCodeAt(index);
-			if ((index === 0 || code >= 65 && code <= 90 || identityKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {
-				shortProp += identityKey[index].toLowerCase();
-			}
-		}
-		shortProp ||= "x";
-	} else {
-		shortProp = conf?.inverseShorthands[key] || key;
-	}
-	let identifier = `_${shortProp}-${hash}`;
+	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";
@@ -62,26 +121,7 @@ const getStyleObject = (val, key, condition = "", wrappers, identity, direct = f
 	];
 };
 const slotIdentities = /* @__PURE__ */ new Map();
-let slotIdentitiesSize = 0;
-const rawSlotIdentities = /* @__PURE__ */ new Map();
-let rawSlotIdentitiesSize = 0;
-function probeRawSlotIdentity(property, raw) {
-	syncAtomicConfig();
-	return rawSlotIdentities.get(property)?.get(raw);
-}
-function storeRawSlotIdentity(property, raw, identity) {
-	if (rawSlotIdentitiesSize > 1e4) {
-		rawSlotIdentities.clear();
-		rawSlotIdentitiesSize = 0;
-	}
-	let byRaw = rawSlotIdentities.get(property);
-	if (!byRaw) {
-		byRaw = /* @__PURE__ */ new Map();
-		rawSlotIdentities.set(property, byRaw);
-	}
-	byRaw.set(raw, identity);
-	rawSlotIdentitiesSize++;
-}
+let slotIdentityCount = 0;
 function syncAtomicConfig() {
 	const nextConf = getConfigMaybe();
 	const nextRevision = nextConf ? getConfigRevisionState(nextConf).revision : 0;
@@ -89,71 +129,50 @@ function syncAtomicConfig() {
 		conf = nextConf;
 		confRevision = nextRevision;
 		slotIdentities.clear();
-		slotIdentitiesSize = 0;
-		rawSlotIdentities.clear();
-		rawSlotIdentitiesSize = 0;
+		slotIdentityCount = 0;
 	}
-	return nextConf;
-}
-function slotClassRepetitions(atomicKey, condition) {
-	const base = atomicKey === "containerName" || atomicKey === "containerType" ? condition ? Math.max(2, 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7)) : 2 : condition ? 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7) : 1;
-	return base;
 }
 function buildAtomicSlotCSS(atomicKey, entries, signature) {
 	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;
 	syncAtomicConfig();
-	let byKey = slotIdentities.get(atomicKey);
-	const known = byKey?.get(signature);
+	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 = simpleHash(signature, "strict") || "0";
-	let shortProp = "";
-	for (let index = 0; index < atomicKey.length; index++) {
-		const code = atomicKey.charCodeAt(index);
-		if ((index === 0 || code >= 65 && code <= 90 || atomicKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {
-			shortProp += atomicKey[index].toLowerCase();
-		}
-	}
-	shortProp ||= "x";
-	let identifier = `_${shortProp}-${hash}`;
-	if (atomicKey === "pointerEvents" && entries.length === 1 && !entries[0].condition) {
-		const value = entries[0].value;
+	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.value;
+		const value = entry[1];
 		lastValue = value;
-		const entryRules = createAtomicRules(identifier, entry.property, value, entry.selector, entry.wrappers, 2, slotClassRepetitions(atomicKey, entry.condition));
+		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 = {
+	const built = [
 		identifier,
 		rules,
-		value: lastValue
-	};
-	if (slotIdentitiesSize > 1e4) {
+		lastValue
+	];
+	if (slotIdentityCount > 1e4) {
 		slotIdentities.clear();
-		slotIdentitiesSize = 0;
-		byKey = void 0;
+		slotIdentityCount = 0;
+		slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
 	}
-	if (!byKey) {
-		byKey = /* @__PURE__ */ new Map();
-		slotIdentities.set(atomicKey, byKey);
-	}
-	byKey.set(signature, built);
-	slotIdentitiesSize++;
+	slotIdentityCount++;
+	bySignature.set(signature, built);
 	return built;
 }
-function createDeclarationBlock(style, important = false, trailingSemicolon = true) {
-	let next = "";
-	for (let index = 0; index < style.length; index++) {
-		const [key, value] = style[index];
-		next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""}${trailingSemicolon || index < style.length - 1 ? ";" : ""}`;
-	}
-	return `{${next}}`;
-}
 const hcache = {};
 const toHyphenLower = (match) => `-${match.toLowerCase()}`;
 const hyphenateStyleName = (key) => {
@@ -162,59 +181,57 @@ const hyphenateStyleName = (key) => {
 	hcache[key] = val;
 	return val;
 };
+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 cssShorthandLonghands ? 2 : 1;
-	const cls = `.${identifier}`.repeat(repetitions);
-	const selector = `${cls}${condition}`;
+	const selector = `${`.${identifier}`.repeat(repetitions)}${condition}`;
 	let rules = [];
 	switch (property) {
-		case "placeholderTextColor": {
-			const block = createDeclarationBlock([["color", value], ["opacity", 1]], false);
-			rules.push(`${selector}::placeholder${block}`);
+		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 propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
-			const webkitProperty = `Webkit${propertyCapitalized}`;
-			const block = createDeclarationBlock([[property, value], [webkitProperty, value]], false);
-			rules.push(`${selector}${block}`);
+			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}${createDeclarationBlock([["pointerEvents", subject]], false, false)}`, `${selector}>*${createDeclarationBlock([["pointerEvents", children]], false, false)}`);
+				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";
-			}
-			const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
-			rules.push(`${selector}${block}`);
+			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: {
-			const block = createDeclarationBlock([[property, value]], false, !direct);
-			rules.push(`${selector}${block}`);
+			let output = declaration(property, value);
+			if (direct) output = output.slice(0, -1);
+			rules.push(`${selector}{${output}}`);
 			break;
 		}
 	}
-	if (wrappers?.length) {
-		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;
-		}
+	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;
 }
 
-export { buildAtomicSlotCSS, getCSSStyleAtomic, getCSSStylesAtomic, probeRawSlotIdentity, storeRawSlotIdentity, styleToCSS2 as styleToCSS };
+export { addComposition, buildAtomicSlotCSS, canGenerateCSS, flushDirectStyles, getCSSStyleAtomic, getCSSStylesAtomic, registerAtomicSlot, styleToCSS2 as styleToCSS };
 //# sourceMappingURL=getCSSStylesAtomic.mjs.map

package/dist/esm/helpers/getCSSStylesAtomic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSStylesAtomic.js","names":[],"sources":["esm/helpers/getCSSStylesAtomic.js"],"sourcesContent":["import { cssShorthandLonghands, simpleHash } from \"@tamagui/helpers\";\nimport { getConfigMaybe } from \"../config\";\nimport { getConfigRevisionState } from \"./grammarConfig\";\nimport { normalizeValueWithProperty } from \"./normalizeValueWithProperty\";\nimport { styleToCSS } from \"./styleToCSS\";\nimport { transformsToString } from \"./transformsToString\";\nimport { styleToCSS as styleToCSS2 } from \"./styleToCSS\";\nfunction getCSSStylesAtomic(style) {\n  if (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];\n  styleToCSS(style);\n  const out = [];\n  for (const key in style) {\n    if (key === \"$$css\") continue;\n    const val = style[key];\n    const so = getStyleObject(val, key);\n    if (so) {\n      out.push(so);\n    }\n  }\n  return out;\n}\nfunction getCSSStyleAtomic(key, val, condition = \"\", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) {\n  if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;\n  return getStyleObject(\n    val,\n    key,\n    condition,\n    wrappers,\n    identity,\n    direct,\n    identityKey,\n    classRepetitions\n  );\n}\nlet conf = null;\nlet confRevision = 0;\nconst getStyleObject = (val, key, condition = \"\", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) => {\n  if (val == null) return;\n  if (key === \"transform\" && Array.isArray(val)) {\n    val = transformsToString(val);\n  }\n  const value = normalizeValueWithProperty(val, key);\n  const nextConf = syncAtomicConfig();\n  const rawValue = typeof value === \"string\" ? value : `${value}`;\n  const hash = simpleHash(identity ?? rawValue, direct ? \"strict\" : 10) || \"0\";\n  let shortProp;\n  if (direct) {\n    shortProp = \"\";\n    for (let index = 0; index < identityKey.length; index++) {\n      const code = identityKey.charCodeAt(index);\n      if ((index === 0 || code >= 65 && code <= 90 || identityKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {\n        shortProp += identityKey[index].toLowerCase();\n      }\n    }\n    shortProp ||= \"x\";\n  } else {\n    shortProp = conf?.inverseShorthands[key] || key;\n  }\n  let identifier = `_${shortProp}-${hash}`;\n  if (key === \"pointerEvents\" && !condition) {\n    if (value === \"box-none\") identifier = \"_pe-boxnone\";\n    else if (value === \"box-only\") identifier = \"_pe-boxonly\";\n  }\n  const rules = createAtomicRules(\n    identifier,\n    key,\n    value,\n    condition,\n    wrappers,\n    direct,\n    classRepetitions\n  );\n  return [\n    // array for performance\n    key,\n    value,\n    identifier,\n    void 0,\n    rules\n  ];\n};\nconst slotIdentities = /* @__PURE__ */ new Map();\nlet slotIdentitiesSize = 0;\nconst rawSlotIdentities = /* @__PURE__ */ new Map();\nlet rawSlotIdentitiesSize = 0;\nfunction probeRawSlotIdentity(property, raw) {\n  syncAtomicConfig();\n  return rawSlotIdentities.get(property)?.get(raw);\n}\nfunction storeRawSlotIdentity(property, raw, identity) {\n  if (rawSlotIdentitiesSize > 1e4) {\n    rawSlotIdentities.clear();\n    rawSlotIdentitiesSize = 0;\n  }\n  let byRaw = rawSlotIdentities.get(property);\n  if (!byRaw) {\n    byRaw = /* @__PURE__ */ new Map();\n    rawSlotIdentities.set(property, byRaw);\n  }\n  byRaw.set(raw, identity);\n  rawSlotIdentitiesSize++;\n}\nfunction syncAtomicConfig() {\n  const nextConf = getConfigMaybe();\n  const nextRevision = nextConf ? getConfigRevisionState(nextConf).revision : 0;\n  if (nextConf !== conf || nextRevision !== confRevision) {\n    conf = nextConf;\n    confRevision = nextRevision;\n    slotIdentities.clear();\n    slotIdentitiesSize = 0;\n    rawSlotIdentities.clear();\n    rawSlotIdentitiesSize = 0;\n  }\n  return nextConf;\n}\nfunction slotClassRepetitions(atomicKey, condition) {\n  const base = atomicKey === \"containerName\" || atomicKey === \"containerType\" ? condition ? Math.max(\n    2,\n    1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7)\n  ) : 2 : condition ? 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7) : 1;\n  return base;\n}\nfunction buildAtomicSlotCSS(atomicKey, entries, signature) {\n  if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;\n  syncAtomicConfig();\n  let byKey = slotIdentities.get(atomicKey);\n  const known = byKey?.get(signature);\n  if (known) return known;\n  const hash = simpleHash(signature, \"strict\") || \"0\";\n  let shortProp = \"\";\n  for (let index = 0; index < atomicKey.length; index++) {\n    const code = atomicKey.charCodeAt(index);\n    if ((index === 0 || code >= 65 && code <= 90 || atomicKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {\n      shortProp += atomicKey[index].toLowerCase();\n    }\n  }\n  shortProp ||= \"x\";\n  let identifier = `_${shortProp}-${hash}`;\n  if (atomicKey === \"pointerEvents\" && entries.length === 1 && !entries[0].condition) {\n    const value = entries[0].value;\n    if (value === \"box-none\") identifier = \"_pe-boxnone\";\n    else if (value === \"box-only\") identifier = \"_pe-boxonly\";\n  }\n  const rules = [];\n  let lastValue;\n  for (const entry of entries) {\n    const value = entry.value;\n    lastValue = value;\n    const entryRules = createAtomicRules(\n      identifier,\n      entry.property,\n      value,\n      entry.selector,\n      entry.wrappers,\n      2,\n      slotClassRepetitions(atomicKey, entry.condition)\n    );\n    for (const rule of entryRules) rules.push(rule);\n  }\n  const built = { identifier, rules, value: lastValue };\n  if (slotIdentitiesSize > 1e4) {\n    slotIdentities.clear();\n    slotIdentitiesSize = 0;\n    byKey = void 0;\n  }\n  if (!byKey) {\n    byKey = /* @__PURE__ */ new Map();\n    slotIdentities.set(atomicKey, byKey);\n  }\n  byKey.set(signature, built);\n  slotIdentitiesSize++;\n  return built;\n}\nfunction createDeclarationBlock(style, important = false, trailingSemicolon = true) {\n  let next = \"\";\n  for (let index = 0; index < style.length; index++) {\n    const [key, value] = style[index];\n    next += `${hyphenateStyleName(key)}:${value}${important ? \" !important\" : \"\"}${trailingSemicolon || index < style.length - 1 ? \";\" : \"\"}`;\n  }\n  return `{${next}}`;\n}\nconst hcache = {};\nconst toHyphenLower = (match) => `-${match.toLowerCase()}`;\nconst hyphenateStyleName = (key) => {\n  if (key in hcache) return hcache[key];\n  const val = key.replace(/[A-Z]/g, toHyphenLower);\n  hcache[key] = val;\n  return val;\n};\nfunction createAtomicRules(identifier, property, value, condition = \"\", wrappers, direct = false, classRepetitions = 1) {\n  const repetitions = direct && classRepetitions > 1 ? classRepetitions : !direct && property in cssShorthandLonghands ? 2 : 1;\n  const cls = `.${identifier}`.repeat(repetitions);\n  const selector = `${cls}${condition}`;\n  let rules = [];\n  switch (property) {\n    // Equivalent to using '::placeholder'\n    case \"placeholderTextColor\": {\n      const block = createDeclarationBlock(\n        [\n          [\"color\", value],\n          [\"opacity\", 1]\n        ],\n        false\n      );\n      rules.push(`${selector}::placeholder${block}`);\n      break;\n    }\n    // all webkit prefixed rules\n    case \"backgroundClip\":\n    case \"userSelect\": {\n      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;\n      const webkitProperty = `Webkit${propertyCapitalized}`;\n      const block = createDeclarationBlock(\n        [\n          [property, value],\n          [webkitProperty, value]\n        ],\n        false\n      );\n      rules.push(`${selector}${block}`);\n      break;\n    }\n    // Polyfill for additional 'pointer-events' values\n    case \"pointerEvents\": {\n      if (direct) {\n        const subject = value === \"none\" || value === \"box-none\" ? \"none\" : \"auto\";\n        const children = value === \"none\" || value === \"box-only\" ? \"none\" : \"auto\";\n        rules.push(\n          `${selector}${createDeclarationBlock([[\"pointerEvents\", subject]], false, false)}`,\n          `${selector}>*${createDeclarationBlock(\n            [[\"pointerEvents\", children]],\n            false,\n            false\n          )}`\n        );\n        break;\n      }\n      let finalValue = value;\n      if (value === \"auto\" || value === \"box-only\") {\n        finalValue = \"auto\";\n      } else if (value === \"none\" || value === \"box-none\") {\n        finalValue = \"none\";\n      }\n      const block = createDeclarationBlock([[\"pointerEvents\", finalValue]], true);\n      rules.push(`${selector}${block}`);\n      break;\n    }\n    default: {\n      const block = createDeclarationBlock([[property, value]], false, !direct);\n      rules.push(`${selector}${block}`);\n      break;\n    }\n  }\n  if (wrappers?.length) {\n    for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {\n      let rule = rules[ruleIndex];\n      for (let index = wrappers.length - 1; index >= 0; index--) {\n        rule = `${wrappers[index]} {${rule}}`;\n      }\n      rules[ruleIndex] = rule;\n    }\n  }\n  return rules;\n}\nexport {\n  buildAtomicSlotCSS,\n  getCSSStyleAtomic,\n  getCSSStylesAtomic,\n  probeRawSlotIdentity,\n  storeRawSlotIdentity,\n  styleToCSS2 as styleToCSS\n};\n//# sourceMappingURL=getCSSStylesAtomic.js.map\n"],"mappings":"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"}
+{"version":3,"file":"getCSSStylesAtomic.js","names":[],"sources":["esm/helpers/getCSSStylesAtomic.js"],"sourcesContent":["import { StyleObjectIdentifier, StyleObjectRules, cssShorthandLonghands, simpleHash } from \"@tamagui/helpers\";\nimport { getConfigMaybe } from \"../config\";\nimport { getConfigRevisionState } from \"./grammarConfig\";\nimport { shouldInsertStyleRules, updateRules } from \"./insertStyleRule\";\nimport { normalizeValueWithProperty } from \"./normalizeValueWithProperty\";\nimport { styleToCSS, styleToCSS as styleToCSS2 } from \"./styleToCSS\";\nimport { transformsToString } from \"./transformsToString\";\n\nconst canGenerateCSS = !process.env.TAMAGUI_DID_OUTPUT_CSS;\nfunction directStyleSignature(property, value, conditionKey = \"\") {\n\treturn \"\u001f\" + property + \"\u001f\" + conditionKey + \"\u001e\" + String(value);\n}\nfunction getShortProp(key) {\n\tlet short = \"\";\n\tfor (let i = 0; i < key.length; i++) {\n\t\tconst code = key.charCodeAt(i);\n\t\tif ((i === 0 || code >= 65 && code <= 90 || key.charCodeAt(i - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) short += key[i].toLowerCase();\n\t}\n\treturn short || \"x\";\n}\nfunction registerAtomicSlot(state, atomicKey, entries) {\n\tlet signature = \"\";\n\tfor (let index = 0; index < entries.length; index++) {\n\t\tconst entry = entries[index];\n\t\tlet value = entry[1];\n\t\tif (entry[0] === \"transform\" && Array.isArray(value)) value = transformsToString(value);\n\t\tentry[1] = normalizeValueWithProperty(value, entry[0]);\n\t\tsignature += directStyleSignature(entry[0], entry[1], `${entry[3]}\u001d${entry[7] >> 5}`);\n\t}\n\tconst built = buildAtomicSlotCSS(atomicKey, entries, signature);\n\tif (!built) return;\n\tlet styleObjectProperty = entries[0][0];\n\tfor (let index = 1; index < entries.length; index++) if (entries[index][0] !== styleObjectProperty) {\n\t\tstyleObjectProperty = atomicKey;\n\t\tbreak;\n\t}\n\tconst styleObject = built[3] ||= [\n\t\tstyleObjectProperty,\n\t\tbuilt[2],\n\t\tbuilt[0],\n\t\tvoid 0,\n\t\tbuilt[1]\n\t];\n\t(state.flatAtomics ||= /* @__PURE__ */ new Map()).set(atomicKey, styleObject);\n\tstate.classNames[atomicKey] = built[0];\n}\nfunction flushDirectStyles(state, clear = false) {\n\tif (!canGenerateCSS) {\n\t\tif (clear) state.flatAtomics = void 0;\n\t\treturn;\n\t}\n\tconst direct = state;\n\tconst atomics = direct.flatAtomics;\n\tif (!atomics) return;\n\tfor (const styleObject of atomics.values()) {\n\t\tconst identifier = styleObject[StyleObjectIdentifier];\n\t\tif (shouldInsertStyleRules(identifier)) {\n\t\t\tconst rules = styleObject[StyleObjectRules].slice();\n\t\t\tstyleObject[StyleObjectRules] = rules;\n\t\t\tupdateRules(identifier, rules);\n\t\t\tstate.flatRulesToInsert[identifier] = styleObject;\n\t\t}\n\t}\n\tif (clear) direct.flatAtomics = void 0;\n}\nfunction addComposition(state, property) {\n\tif (!canGenerateCSS || state.classNames[property]) return;\n\tconst isTranslate = property === \"translate\";\n\tconst identifier = isTranslate ? \"_t-compose\" : \"_s-compose\";\n\tconst value = isTranslate ? \"var(--t-x, 0px) var(--t-y, 0px)\" : \"var(--t-scale-x, 1) var(--t-scale-y, 1)\";\n\tconst rules = [`:where(.${identifier}){${isTranslate ? \"--t-x:0px;--t-y:0px\" : \"--t-scale-x:1;--t-scale-y:1\"}}`, `.${identifier}{${property}:${value}}`];\n\tif (shouldInsertStyleRules(identifier)) {\n\t\tupdateRules(identifier, rules);\n\t\tstate.flatRulesToInsert[identifier] = [\n\t\t\tproperty,\n\t\t\tvalue,\n\t\t\tidentifier,\n\t\t\tvoid 0,\n\t\t\trules\n\t\t];\n\t}\n\tstate.classNames[property] = identifier;\n}\nfunction getCSSStylesAtomic(style) {\n\tif (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];\n\tstyleToCSS(style);\n\tconst out = [];\n\tfor (const key in style) {\n\t\tif (key === \"$$css\") continue;\n\t\tconst val = style[key];\n\t\tconst so = getStyleObject(val, key);\n\t\tif (so) out.push(so);\n\t}\n\treturn out;\n}\nfunction getCSSStyleAtomic(key, val, condition = \"\", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) {\n\tif (process.env.TAMAGUI_DID_OUTPUT_CSS) return;\n\treturn getStyleObject(val, key, condition, wrappers, identity, direct, identityKey, classRepetitions);\n}\nlet conf = null;\nlet confRevision = 0;\nconst getStyleObject = (val, key, condition = \"\", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) => {\n\tif (val == null) return;\n\tif (key === \"transform\" && Array.isArray(val)) val = transformsToString(val);\n\tconst value = normalizeValueWithProperty(val, key);\n\tsyncAtomicConfig();\n\tconst rawValue = typeof value === \"string\" ? value : `${value}`;\n\tconst hash = simpleHash(identity ?? rawValue, direct ? \"strict\" : 10) || \"0\";\n\tlet identifier = `_${direct ? getShortProp(identityKey) : conf?.inverseShorthands[key] || key}-${hash}`;\n\tif (key === \"pointerEvents\" && !condition) {\n\t\tif (value === \"box-none\") identifier = \"_pe-boxnone\";\n\t\telse if (value === \"box-only\") identifier = \"_pe-boxonly\";\n\t}\n\tconst rules = createAtomicRules(identifier, key, value, condition, wrappers, direct, classRepetitions);\n\treturn [\n\t\tkey,\n\t\tvalue,\n\t\tidentifier,\n\t\tvoid 0,\n\t\trules\n\t];\n};\nconst slotIdentities = /* @__PURE__ */ new Map();\nlet slotIdentityCount = 0;\nfunction syncAtomicConfig() {\n\tconst nextConf = getConfigMaybe();\n\tconst nextRevision = nextConf ? getConfigRevisionState(nextConf).revision : 0;\n\tif (nextConf !== conf || nextRevision !== confRevision) {\n\t\tconf = nextConf;\n\t\tconfRevision = nextRevision;\n\t\tslotIdentities.clear();\n\t\tslotIdentityCount = 0;\n\t}\n}\nfunction buildAtomicSlotCSS(atomicKey, entries, signature) {\n\tif (process.env.TAMAGUI_DID_OUTPUT_CSS) return;\n\tsyncAtomicConfig();\n\tlet bySignature = slotIdentities.get(atomicKey);\n\tif (!bySignature) slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());\n\tconst known = bySignature.get(signature);\n\tif (known) return known;\n\tconst hash = simpleHash(signature, \"strict\") || \"0\";\n\tlet identifier = `_${getShortProp(atomicKey)}-${hash}`;\n\tif (atomicKey === \"pointerEvents\" && entries.length === 1 && !entries[0][2]) {\n\t\tconst value = entries[0][1];\n\t\tif (value === \"box-none\") identifier = \"_pe-boxnone\";\n\t\telse if (value === \"box-only\") identifier = \"_pe-boxonly\";\n\t}\n\tconst rules = [];\n\tlet lastValue;\n\tlet layered = false;\n\tfor (let index = 1; index < entries.length; index++) if (entries[index][0] !== entries[0][0]) {\n\t\tlayered = true;\n\t\tbreak;\n\t}\n\tfor (const entry of entries) {\n\t\tconst value = entry[1];\n\t\tlastValue = value;\n\t\tconst 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));\n\t\tfor (const rule of entryRules) rules.push(rule);\n\t}\n\tconst built = [\n\t\tidentifier,\n\t\trules,\n\t\tlastValue\n\t];\n\tif (slotIdentityCount > 1e4) {\n\t\tslotIdentities.clear();\n\t\tslotIdentityCount = 0;\n\t\tslotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());\n\t}\n\tslotIdentityCount++;\n\tbySignature.set(signature, built);\n\treturn built;\n}\nconst hcache = {};\nconst toHyphenLower = (match) => `-${match.toLowerCase()}`;\nconst hyphenateStyleName = (key) => {\n\tif (key in hcache) return hcache[key];\n\tconst val = key.replace(/[A-Z]/g, toHyphenLower);\n\thcache[key] = val;\n\treturn val;\n};\nfunction declaration(key, value, important = false) {\n\treturn `${hyphenateStyleName(key)}:${value}${important ? \" !important\" : \"\"};`;\n}\nfunction createAtomicRules(identifier, property, value, condition = \"\", wrappers, direct = false, classRepetitions = 1) {\n\tconst repetitions = direct && classRepetitions > 1 ? classRepetitions : !direct && property in cssShorthandLonghands ? 2 : 1;\n\tconst selector = `${`.${identifier}`.repeat(repetitions)}${condition}`;\n\tlet rules = [];\n\tswitch (property) {\n\t\tcase \"placeholderTextColor\":\n\t\t\trules.push(`${selector}::placeholder{${declaration(\"color\", value)}${declaration(\"opacity\", 1)}}`);\n\t\t\tbreak;\n\t\tcase \"selectionColor\":\n\t\t\trules.push(`${selector}::selection{${declaration(\"backgroundColor\", value)}}`);\n\t\t\tbreak;\n\t\tcase \"cursorColor\":\n\t\tcase \"selectionHandleColor\":\n\t\t\trules.push(`${selector}{${declaration(\"caretColor\", value)}}`);\n\t\t\tbreak;\n\t\tcase \"backgroundClip\":\n\t\tcase \"userSelect\": {\n\t\t\tconst webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`;\n\t\t\trules.push(`${selector}{${declaration(property, value)}${declaration(webkitProperty, value)}}`);\n\t\t\tbreak;\n\t\t}\n\t\tcase \"pointerEvents\": {\n\t\t\tif (direct) {\n\t\t\t\tconst subject = value === \"none\" || value === \"box-none\" ? \"none\" : \"auto\";\n\t\t\t\tconst children = value === \"none\" || value === \"box-only\" ? \"none\" : \"auto\";\n\t\t\t\trules.push(`${selector}{pointer-events:${subject}}`, `${selector}>*{pointer-events:${children}}`);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tlet finalValue = value;\n\t\t\tif (value === \"auto\" || value === \"box-only\") finalValue = \"auto\";\n\t\t\telse if (value === \"none\" || value === \"box-none\") finalValue = \"none\";\n\t\t\trules.push(`${selector}{${declaration(\"pointerEvents\", finalValue, true)}}`);\n\t\t\tbreak;\n\t\t}\n\t\tdefault: {\n\t\t\tlet output = declaration(property, value);\n\t\t\tif (direct) output = output.slice(0, -1);\n\t\t\trules.push(`${selector}{${output}}`);\n\t\t\tbreak;\n\t\t}\n\t}\n\tif (wrappers) for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {\n\t\tlet rule = rules[ruleIndex];\n\t\tfor (let index = wrappers.length - 1; index >= 0; index--) rule = `${wrappers[index]} {${rule}}`;\n\t\trules[ruleIndex] = rule;\n\t}\n\treturn rules;\n}\n\nexport { addComposition, buildAtomicSlotCSS, canGenerateCSS, flushDirectStyles, getCSSStyleAtomic, getCSSStylesAtomic, registerAtomicSlot, styleToCSS2 as styleToCSS };"],"mappings":"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"}

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

@@ -1,10 +1,13 @@
-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;
 
-export { getCSSStyleAtomic, getCSSStylesAtomic, getStyleAtomic, styleToCSS };
+export { addComposition, buildAtomicSlotCSS, canGenerateCSS, flushDirectStyles, getCSSStyleAtomic, getCSSStylesAtomic, getStyleAtomic, registerAtomicSlot, styleToCSS };
 //# sourceMappingURL=getCSSStylesAtomic.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getCSSStylesAtomic.native.js","names":[],"sources":["esm/helpers/getCSSStylesAtomic.native.js"],"sourcesContent":["var empty = function() {\n  console.warn(\"no-op native\");\n};\nvar getCSSStylesAtomic = empty;\nvar getCSSStyleAtomic = empty;\nvar getStyleAtomic = empty;\nvar styleToCSS = empty;\nexport {\n  getCSSStyleAtomic,\n  getCSSStylesAtomic,\n  getStyleAtomic,\n  styleToCSS\n};\n//# sourceMappingURL=getCSSStylesAtomic.native.js.map\n"],"mappings":";AAAA,IAAI,QAAQ,WAAW;CACrB,QAAQ,KAAK,cAAc;AAC7B;AACA,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,aAAa"}
+{"version":3,"file":"getCSSStylesAtomic.native.js","names":[],"sources":["esm/helpers/getCSSStylesAtomic.native.js"],"sourcesContent":["var 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;\nexport {\n  addComposition,\n  buildAtomicSlotCSS,\n  canGenerateCSS,\n  flushDirectStyles,\n  getCSSStyleAtomic,\n  getCSSStylesAtomic,\n  getStyleAtomic,\n  registerAtomicSlot,\n  styleToCSS\n};\n//# sourceMappingURL=getCSSStylesAtomic.native.js.map\n"],"mappings":";AAAA,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/esm/helpers/getCSSStylesAtomicCompiled.mjs

@@ -1,3 +1,10 @@
+const canGenerateCSS = false;
+function flushDirectStyles(_state, _clear = false) {}
+function addComposition(_state, _property) {}
+function registerAtomicSlot() {}
+function buildAtomicSlotCSS() {
+	return void 0;
+}
 function getCSSStylesAtomic(_style) {
 	return [];
 }
@@ -5,5 +12,5 @@ function getCSSStyleAtomic() {
 	return void 0;
 }
 
-export { getCSSStyleAtomic, getCSSStylesAtomic };
+export { addComposition, buildAtomicSlotCSS, canGenerateCSS, flushDirectStyles, getCSSStyleAtomic, getCSSStylesAtomic, registerAtomicSlot };
 //# sourceMappingURL=getCSSStylesAtomicCompiled.mjs.map

package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSStylesAtomicCompiled.js","names":[],"sources":["esm/helpers/getCSSStylesAtomicCompiled.js"],"sourcesContent":["function getCSSStylesAtomic(_style) {\n  return [];\n}\nfunction getCSSStyleAtomic() {\n  return void 0;\n}\nexport {\n  getCSSStyleAtomic,\n  getCSSStylesAtomic\n};\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";AAAA,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}
+{"version":3,"file":"getCSSStylesAtomicCompiled.js","names":[],"sources":["esm/helpers/getCSSStylesAtomicCompiled.js"],"sourcesContent":["const canGenerateCSS = false;\nfunction flushDirectStyles(_state, _clear = false) {\n}\nfunction addComposition(_state, _property) {\n}\nfunction registerAtomicSlot() {\n}\nfunction buildAtomicSlotCSS() {\n  return void 0;\n}\nfunction getCSSStylesAtomic(_style) {\n  return [];\n}\nfunction getCSSStyleAtomic() {\n  return void 0;\n}\nexport {\n  addComposition,\n  buildAtomicSlotCSS,\n  canGenerateCSS,\n  flushDirectStyles,\n  getCSSStyleAtomic,\n  getCSSStylesAtomic,\n  registerAtomicSlot\n};\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";AAAA,MAAM,iBAAiB;AACvB,SAAS,kBAAkB,QAAQ,SAAS,OAAO,CACnD;AACA,SAAS,eAAe,QAAQ,WAAW,CAC3C;AACA,SAAS,qBAAqB,CAC9B;AACA,SAAS,qBAAqB;CAC5B,OAAO,KAAK;AACd;AACA,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}

package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js

@@ -1,3 +1,12 @@
+var canGenerateCSS = false;
+function flushDirectStyles(_state) {
+	var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+}
+function addComposition(_state, _property) {}
+function registerAtomicSlot() {}
+function buildAtomicSlotCSS() {
+	return void 0;
+}
 function getCSSStylesAtomic(_style) {
 	return [];
 }
@@ -5,5 +14,5 @@ function getCSSStyleAtomic() {
 	return void 0;
 }
 
-export { getCSSStyleAtomic, getCSSStylesAtomic };
+export { addComposition, buildAtomicSlotCSS, canGenerateCSS, flushDirectStyles, getCSSStyleAtomic, getCSSStylesAtomic, registerAtomicSlot };
 //# sourceMappingURL=getCSSStylesAtomicCompiled.native.js.map

package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSStylesAtomicCompiled.native.js","names":[],"sources":["esm/helpers/getCSSStylesAtomicCompiled.native.js"],"sourcesContent":["function getCSSStylesAtomic(_style) {\n  return [];\n}\nfunction getCSSStyleAtomic() {\n  return void 0;\n}\nexport {\n  getCSSStyleAtomic,\n  getCSSStylesAtomic\n};\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";AAAA,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}
+{"version":3,"file":"getCSSStylesAtomicCompiled.native.js","names":[],"sources":["esm/helpers/getCSSStylesAtomicCompiled.native.js"],"sourcesContent":["var canGenerateCSS = false;\nfunction flushDirectStyles(_state) {\n  var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n}\nfunction addComposition(_state, _property) {\n}\nfunction registerAtomicSlot() {\n}\nfunction buildAtomicSlotCSS() {\n  return void 0;\n}\nfunction getCSSStylesAtomic(_style) {\n  return [];\n}\nfunction getCSSStyleAtomic() {\n  return void 0;\n}\nexport {\n  addComposition,\n  buildAtomicSlotCSS,\n  canGenerateCSS,\n  flushDirectStyles,\n  getCSSStyleAtomic,\n  getCSSStylesAtomic,\n  registerAtomicSlot\n};\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";AAAA,IAAI,iBAAiB;AACrB,SAAS,kBAAkB,QAAQ;CACjC,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;AAChF;AACA,SAAS,eAAe,QAAQ,WAAW,CAC3C;AACA,SAAS,qBAAqB,CAC9B;AACA,SAAS,qBAAqB;CAC5B,OAAO,KAAK;AACd;AACA,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}

package/dist/esm/helpers/getDynamicVal.mjs

@@ -16,7 +16,11 @@ const colorStyleKeys = {
 	textDecorationColor: true,
 	textShadowColor: true,
 	tintColor: true,
-	outlineColor: true
+	outlineColor: true,
+	placeholderTextColor: true,
+	selectionColor: true,
+	cursorColor: true,
+	selectionHandleColor: true
 };
 function isColorStyleKey(key) {
 	return colorStyleKeys[key] === true;

package/dist/esm/helpers/getDynamicVal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDynamicVal.js","names":[],"sources":["esm/helpers/getDynamicVal.js"],"sourcesContent":["function getOppositeScheme(scheme) {\n  return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nconst colorStyleKeys = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  borderBlockColor: true,\n  borderBlockEndColor: true,\n  borderBlockStartColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  tintColor: true,\n  outlineColor: true\n};\nfunction isColorStyleKey(key) {\n  return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal({\n  scheme,\n  val,\n  oppositeVal\n}) {\n  const oppositeScheme = getOppositeScheme(scheme);\n  return {\n    dynamic: {\n      [scheme]: val,\n      [oppositeScheme]: oppositeVal\n    }\n  };\n}\nfunction extractValueFromDynamic(val, scheme) {\n  if (val?.[\"dynamic\"]) {\n    return val[\"dynamic\"][scheme];\n  }\n  return val;\n}\nexport {\n  extractValueFromDynamic,\n  getDynamicVal,\n  getOppositeScheme,\n  isColorStyleKey\n};\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";AAAA,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,MAAM,iBAAiB;CACrB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;AAChB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,EACrB,QACA,KACA,eACC;CACD,MAAM,iBAAiB,kBAAkB,MAAM;CAC/C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,MAAM,YAAY;EACpB,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}
+{"version":3,"file":"getDynamicVal.js","names":[],"sources":["esm/helpers/getDynamicVal.js"],"sourcesContent":["function getOppositeScheme(scheme) {\n  return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nconst colorStyleKeys = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  borderBlockColor: true,\n  borderBlockEndColor: true,\n  borderBlockStartColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  tintColor: true,\n  outlineColor: true,\n  placeholderTextColor: true,\n  selectionColor: true,\n  cursorColor: true,\n  selectionHandleColor: true\n};\nfunction isColorStyleKey(key) {\n  return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal({\n  scheme,\n  val,\n  oppositeVal\n}) {\n  const oppositeScheme = getOppositeScheme(scheme);\n  return {\n    dynamic: {\n      [scheme]: val,\n      [oppositeScheme]: oppositeVal\n    }\n  };\n}\nfunction extractValueFromDynamic(val, scheme) {\n  if (val?.[\"dynamic\"]) {\n    return val[\"dynamic\"][scheme];\n  }\n  return val;\n}\nexport {\n  extractValueFromDynamic,\n  getDynamicVal,\n  getOppositeScheme,\n  isColorStyleKey\n};\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";AAAA,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,MAAM,iBAAiB;CACrB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;CACd,sBAAsB;CACtB,gBAAgB;CAChB,aAAa;CACb,sBAAsB;AACxB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,EACrB,QACA,KACA,eACC;CACD,MAAM,iBAAiB,kBAAkB,MAAM;CAC/C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,MAAM,YAAY;EACpB,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}

package/dist/esm/helpers/getDynamicVal.native.js

@@ -16,7 +16,11 @@ var colorStyleKeys = {
 	textDecorationColor: true,
 	textShadowColor: true,
 	tintColor: true,
-	outlineColor: true
+	outlineColor: true,
+	placeholderTextColor: true,
+	selectionColor: true,
+	cursorColor: true,
+	selectionHandleColor: true
 };
 function isColorStyleKey(key) {
 	return colorStyleKeys[key] === true;

package/dist/esm/helpers/getDynamicVal.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDynamicVal.native.js","names":[],"sources":["esm/helpers/getDynamicVal.native.js"],"sourcesContent":["function getOppositeScheme(scheme) {\n  return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nvar colorStyleKeys = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  borderBlockColor: true,\n  borderBlockEndColor: true,\n  borderBlockStartColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  tintColor: true,\n  outlineColor: true\n};\nfunction isColorStyleKey(key) {\n  return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal(param) {\n  var { scheme, val, oppositeVal } = param;\n  var oppositeScheme = getOppositeScheme(scheme);\n  return {\n    dynamic: {\n      [scheme]: val,\n      [oppositeScheme]: oppositeVal\n    }\n  };\n}\nfunction extractValueFromDynamic(val, scheme) {\n  if (val === null || val === void 0 ? void 0 : val[\"dynamic\"]) {\n    return val[\"dynamic\"][scheme];\n  }\n  return val;\n}\nexport {\n  extractValueFromDynamic,\n  getDynamicVal,\n  getOppositeScheme,\n  isColorStyleKey\n};\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";AAAA,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,IAAI,iBAAiB;CACnB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;AAChB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,OAAO;CAC5B,IAAI,EAAE,QAAQ,KAAK,gBAAgB;CACnC,IAAI,iBAAiB,kBAAkB,MAAM;CAC7C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,YAAY;EAC5D,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}
+{"version":3,"file":"getDynamicVal.native.js","names":[],"sources":["esm/helpers/getDynamicVal.native.js"],"sourcesContent":["function getOppositeScheme(scheme) {\n  return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nvar colorStyleKeys = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  borderBlockColor: true,\n  borderBlockEndColor: true,\n  borderBlockStartColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n  tintColor: true,\n  outlineColor: true,\n  placeholderTextColor: true,\n  selectionColor: true,\n  cursorColor: true,\n  selectionHandleColor: true\n};\nfunction isColorStyleKey(key) {\n  return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal(param) {\n  var { scheme, val, oppositeVal } = param;\n  var oppositeScheme = getOppositeScheme(scheme);\n  return {\n    dynamic: {\n      [scheme]: val,\n      [oppositeScheme]: oppositeVal\n    }\n  };\n}\nfunction extractValueFromDynamic(val, scheme) {\n  if (val === null || val === void 0 ? void 0 : val[\"dynamic\"]) {\n    return val[\"dynamic\"][scheme];\n  }\n  return val;\n}\nexport {\n  extractValueFromDynamic,\n  getDynamicVal,\n  getOppositeScheme,\n  isColorStyleKey\n};\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";AAAA,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,IAAI,iBAAiB;CACnB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;CACd,sBAAsB;CACtB,gBAAgB;CAChB,aAAa;CACb,sBAAsB;AACxB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,OAAO;CAC5B,IAAI,EAAE,QAAQ,KAAK,gBAAgB;CACnC,IAAI,iBAAiB,kBAAkB,MAAM;CAC7C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,YAAY;EAC5D,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}