@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1

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

@@ -1 +1 @@
-{"version":3,"file":"createStyledContext.native.js","names":[],"sources":["cjs/helpers/createStyledContext.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar createStyledContext_exports = {};\n__export(createStyledContext_exports, {\n  createStyledContext: () => createStyledContext\n});\nmodule.exports = __toCommonJS(createStyledContext_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_isObj = require(\"./isObj\");\nvar import_mergeProps = require(\"./mergeProps\");\nvar import_objectIdentityKey = require(\"./objectIdentityKey\");\nvar createStyledContext = function(defaultValues) {\n  \"use no memo\";\n  var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n  var createReactContext = import_react.default[Math.random() ? \"createContext\" : \"createContext\"];\n  var useReactMemo = import_react.default[Math.random() ? \"useMemo\" : \"useMemo\"];\n  var useReactContext = import_react.default[Math.random() ? \"useContext\" : \"useContext\"];\n  var namespace = typeof namespaceOrOptions === \"string\" ? namespaceOrOptions : namespaceOrOptions.namespace || \"\";\n  var propKeys = typeof namespaceOrOptions === \"string\" ? (0, import_isObj.isPlainObject)(defaultValues) ? Object.keys(defaultValues) : void 0 : namespaceOrOptions.keys || ((0, import_isObj.isPlainObject)(defaultValues) ? Object.keys(defaultValues) : void 0);\n  var OGContext = createReactContext(defaultValues);\n  var OGProvider = OGContext.Provider;\n  var Context = OGContext;\n  var scopedContexts = /* @__PURE__ */ new Map();\n  var LastScopeInNamespace = createReactContext(namespace);\n  function getOrCreateScopedContext(scope) {\n    var ScopedContext = scopedContexts.get(scope);\n    if (!ScopedContext) {\n      ScopedContext = createReactContext(defaultValues);\n      scopedContexts.set(scope, ScopedContext);\n    }\n    return ScopedContext;\n  }\n  var getNamespacedScope = function(scope) {\n    return namespace ? `${namespace}--${scope}` : scope;\n  };\n  var Provider = function(param) {\n    var {\n      children,\n      scope: scopeIn,\n      // performance: avoid creating objects\n      __disableMergeDefaultValues,\n      ...values\n    } = param;\n    var scope = getNamespacedScope(scopeIn);\n    var next = useReactMemo(function() {\n      if (__disableMergeDefaultValues) {\n        return values;\n      }\n      return (0, import_mergeProps.mergeProps)(defaultValues || {}, values);\n    }, [\n      (0, import_objectIdentityKey.objectIdentityKey)(values)\n    ]);\n    var ScopedProvider = OGProvider;\n    if (scope) {\n      ScopedProvider = getOrCreateScopedContext(scope).Provider;\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastScopeInNamespace.Provider, {\n      value: scope,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScopedProvider, {\n        value: next,\n        children\n      })\n    });\n  };\n  var useStyledContext = function() {\n    var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : \"\";\n    var lastScopeInNamespace = useReactContext(LastScopeInNamespace);\n    var scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;\n    var context = scope ? getOrCreateScopedContext(scope) : OGContext;\n    var value = useReactContext(context);\n    return value;\n  };\n  Context.Provider = Provider;\n  Context.props = defaultValues;\n  Context.propKeys = propKeys;\n  Context.context = OGContext;\n  Context.useStyledContext = useStyledContext;\n  return Context;\n};\n//# sourceMappingURL=createStyledContext.js.map\n"],"mappings":"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"}
+{"version":3,"file":"createStyledContext.native.js","names":[],"sources":["cjs/helpers/createStyledContext.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar createStyledContext_exports = {};\n__export(createStyledContext_exports, {\n  createStyledContext: () => createStyledContext\n});\nmodule.exports = __toCommonJS(createStyledContext_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_isObj = require(\"./isObj\");\nvar import_mergeProps = require(\"./mergeProps\");\nvar import_objectIdentityKey = require(\"./objectIdentityKey\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar createStyledContext = function(defaultValues) {\n  \"use no memo\";\n  var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n  var namespace = typeof namespaceOrOptions === \"string\" ? namespaceOrOptions : namespaceOrOptions.namespace || \"\";\n  var defaultKeys = (0, import_isObj.isPlainObject)(defaultValues) ? Object.keys(defaultValues) : void 0;\n  var propKeys = (typeof namespaceOrOptions === \"undefined\" ? \"undefined\" : _type_of(namespaceOrOptions)) === \"object\" && namespaceOrOptions.keys ? namespaceOrOptions.keys : defaultKeys;\n  var OGContext = /* @__PURE__ */ import_react.default.createContext(defaultValues);\n  var OGProvider = OGContext.Provider;\n  var Context = OGContext;\n  var scopedContexts = /* @__PURE__ */ new Map();\n  var LastScopeInNamespace = /* @__PURE__ */ import_react.default.createContext(namespace);\n  function getOrCreateScopedContext(scope) {\n    var ScopedContext = scopedContexts.get(scope);\n    if (!ScopedContext) {\n      ScopedContext = /* @__PURE__ */ import_react.default.createContext(defaultValues);\n      scopedContexts.set(scope, ScopedContext);\n    }\n    return ScopedContext;\n  }\n  var getNamespacedScope = function(scope) {\n    return namespace ? `${namespace}--${scope}` : scope;\n  };\n  var Provider = function(param) {\n    var { children, scope: scopeIn, __disableMergeDefaultValues, ...values } = param;\n    var scope = getNamespacedScope(scopeIn);\n    var next = import_react.default.useMemo(function() {\n      if (__disableMergeDefaultValues) return values;\n      return (0, import_mergeProps.mergeProps)(defaultValues || {}, values);\n    }, [\n      (0, import_objectIdentityKey.objectIdentityKey)(values)\n    ]);\n    var ScopedProvider = scope ? getOrCreateScopedContext(scope).Provider : OGProvider;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastScopeInNamespace.Provider, {\n      value: scope,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScopedProvider, {\n        value: next,\n        children\n      })\n    });\n  };\n  var useStyledContext = function() {\n    var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : \"\";\n    var lastScopeInNamespace = import_react.default.useContext(LastScopeInNamespace);\n    var scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;\n    var context = scope ? getOrCreateScopedContext(scope) : OGContext;\n    return import_react.default.useContext(context);\n  };\n  Context.Provider = Provider;\n  Context.props = defaultValues;\n  Context.propKeys = propKeys;\n  Context.context = OGContext;\n  Context.useStyledContext = useStyledContext;\n  return Context;\n};\n//# sourceMappingURL=createStyledContext.js.map\n"],"mappings":"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"}

package/dist/cjs/helpers/formatDiagnostic.cjs

@@ -59,11 +59,11 @@ function formatDiagnosticValue(value, depth = 0, seen = /* @__PURE__ */ new Weak
 	return `{ ${items.join(", ")} }`;
 }
 function formatDiagnostic(code, component, message, action, prop, received) {
-	if (process.env.NODE_ENV === "production") {
-		return `${code}: ${message}`;
+	if (process.env.NODE_ENV === "development") {
+		const formattedValue = prop ? formatDiagnosticValue(received) : "";
+		const boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
+		const value = prop ? ` Received ${prop}=${boundedValue}.` : "";
+		return `${code} ${component}: ${message}.${value} ${action}`;
 	}
-	const formattedValue = prop ? formatDiagnosticValue(received) : "";
-	const boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
-	const value = prop ? ` Received ${prop}=${boundedValue}.` : "";
-	return `${code} ${component}: ${message}.${value} ${action}`;
+	return `${code}: ${message}`;
 }

package/dist/cjs/helpers/formatDiagnostic.native.cjs

@@ -68,11 +68,11 @@ function formatDiagnosticValue(value) {
 	return `{ ${items1.join(", ")} }`;
 }
 function formatDiagnostic(code, component, message, action, prop, received) {
-	if (process.env.NODE_ENV === "production") {
-		return `${code}: ${message}`;
+	if (process.env.NODE_ENV === "development") {
+		var formattedValue = prop ? formatDiagnosticValue(received) : "";
+		var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
+		var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
+		return `${code} ${component}: ${message}.${value} ${action}`;
 	}
-	var formattedValue = prop ? formatDiagnosticValue(received) : "";
-	var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
-	var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
-	return `${code} ${component}: ${message}.${value} ${action}`;
+	return `${code}: ${message}`;
 }

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

@@ -68,13 +68,13 @@ function formatDiagnosticValue(value) {
 	return `{ ${items1.join(", ")} }`;
 }
 function formatDiagnostic(code, component, message, action, prop, received) {
-	if (process.env.NODE_ENV === "production") {
-		return `${code}: ${message}`;
+	if (process.env.NODE_ENV === "development") {
+		var formattedValue = prop ? formatDiagnosticValue(received) : "";
+		var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
+		var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
+		return `${code} ${component}: ${message}.${value} ${action}`;
 	}
-	var formattedValue = prop ? formatDiagnosticValue(received) : "";
-	var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
-	var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
-	return `${code} ${component}: ${message}.${value} ${action}`;
+	return `${code}: ${message}`;
 }
 
 //# sourceMappingURL=formatDiagnostic.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"formatDiagnostic.native.js","names":[],"sources":["cjs/helpers/formatDiagnostic.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 formatDiagnostic_exports = {};\n__export(formatDiagnostic_exports, {\n  formatDiagnostic: () => formatDiagnostic\n});\nmodule.exports = __toCommonJS(formatDiagnostic_exports);\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value) {\n  var depth = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, seen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : /* @__PURE__ */ new WeakSet();\n  if (typeof value === \"string\") {\n    var output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n    return JSON.stringify(output);\n  }\n  if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"bigint\") return `${value}n`;\n  if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n  if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) !== \"object\") return String(value);\n  if (seen.has(value)) return \"[Circular]\";\n  if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n  seen.add(value);\n  if (Array.isArray(value)) {\n    var items = value.slice(0, 5).map(function(item) {\n      return formatDiagnosticValue(item, depth + 1, seen);\n    });\n    if (value.length > 5) items.push(`\\u2026 ${value.length - 5} more`);\n    return `[${items.join(\", \")}]`;\n  }\n  var keys = [];\n  for (var key in value) {\n    keys.push(key);\n    if (keys.length === 6) break;\n  }\n  var hasMore = keys.length === 6;\n  if (hasMore) keys.pop();\n  var items1 = keys.map(function(key2) {\n    try {\n      return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;\n    } catch (e) {\n      return `${key2}: [Unavailable]`;\n    }\n  });\n  if (hasMore) items1.push(\"\\u2026 more\");\n  return `{ ${items1.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n  if (process.env.NODE_ENV === \"production\") {\n    return `${code}: ${message}`;\n  }\n  var formattedValue = prop ? formatDiagnosticValue(received) : \"\";\n  var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : formattedValue;\n  var value = prop ? ` Received ${prop}=${boundedValue}.` : \"\";\n  return `${code} ${component}: ${message}.${value} ${action}`;\n}\n//# sourceMappingURL=formatDiagnostic.js.map\n"],"mappings":"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"}
+{"version":3,"file":"formatDiagnostic.native.js","names":[],"sources":["cjs/helpers/formatDiagnostic.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 formatDiagnostic_exports = {};\n__export(formatDiagnostic_exports, {\n  formatDiagnostic: () => formatDiagnostic\n});\nmodule.exports = __toCommonJS(formatDiagnostic_exports);\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value) {\n  var depth = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, seen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : /* @__PURE__ */ new WeakSet();\n  if (typeof value === \"string\") {\n    var output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n    return JSON.stringify(output);\n  }\n  if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"bigint\") return `${value}n`;\n  if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n  if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) !== \"object\") return String(value);\n  if (seen.has(value)) return \"[Circular]\";\n  if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n  seen.add(value);\n  if (Array.isArray(value)) {\n    var items = value.slice(0, 5).map(function(item) {\n      return formatDiagnosticValue(item, depth + 1, seen);\n    });\n    if (value.length > 5) items.push(`\\u2026 ${value.length - 5} more`);\n    return `[${items.join(\", \")}]`;\n  }\n  var keys = [];\n  for (var key in value) {\n    keys.push(key);\n    if (keys.length === 6) break;\n  }\n  var hasMore = keys.length === 6;\n  if (hasMore) keys.pop();\n  var items1 = keys.map(function(key2) {\n    try {\n      return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;\n    } catch (e) {\n      return `${key2}: [Unavailable]`;\n    }\n  });\n  if (hasMore) items1.push(\"\\u2026 more\");\n  return `{ ${items1.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n  if (process.env.NODE_ENV === \"development\") {\n    var formattedValue = prop ? formatDiagnosticValue(received) : \"\";\n    var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : formattedValue;\n    var value = prop ? ` Received ${prop}=${boundedValue}.` : \"\";\n    return `${code} ${component}: ${message}.${value} ${action}`;\n  }\n  return `${code}: ${message}`;\n}\n//# sourceMappingURL=formatDiagnostic.js.map\n"],"mappings":"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"}

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -20,21 +20,99 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getCSSStylesAtomic_exports = {};
 __export(getCSSStylesAtomic_exports, {
+	addComposition: () => addComposition,
 	buildAtomicSlotCSS: () => buildAtomicSlotCSS,
+	canGenerateCSS: () => canGenerateCSS,
+	flushDirectStyles: () => flushDirectStyles,
 	getCSSStyleAtomic: () => getCSSStyleAtomic,
 	getCSSStylesAtomic: () => getCSSStylesAtomic,
-	probeRawSlotIdentity: () => probeRawSlotIdentity,
-	storeRawSlotIdentity: () => storeRawSlotIdentity,
+	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_grammarConfig = require("./grammarConfig.cjs");
+var import_insertStyleRule = require("./insertStyleRule.cjs");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.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) {
 	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];
 	(0, import_styleToCSS.styleToCSS)(style);
@@ -43,9 +121,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;
 }
@@ -57,27 +133,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 = (0, import_transformsToString.transformsToString)(val);
-	}
+	if (key === "transform" && Array.isArray(val)) val = (0, import_transformsToString.transformsToString)(val);
 	const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
-	const nextConf = syncAtomicConfig();
+	syncAtomicConfig();
 	const rawValue = typeof value === "string" ? value : `${value}`;
 	const hash = (0, import_helpers.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";
@@ -92,26 +153,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 = (0, import_config.getConfigMaybe)();
 	const nextRevision = nextConf ? (0, import_grammarConfig.getConfigRevisionState)(nextConf).revision : 0;
@@ -119,32 +161,18 @@ 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 = (0, import_helpers.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}`;
+	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";
@@ -152,10 +180,15 @@ function buildAtomicSlotCSS(atomicKey, entries, signature) {
 	}
 	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, slotClassRepetitions(atomicKey, entry[2]), entry[6], entry[7]);
+		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 = [
@@ -163,27 +196,15 @@ function buildAtomicSlotCSS(atomicKey, entries, signature) {
 		rules,
 		lastValue
 	];
-	if (slotIdentitiesSize > 1e4) {
+	if (slotIdentityCount > 1e4) {
 		slotIdentities.clear();
-		slotIdentitiesSize = 0;
-		byKey = void 0;
-	}
-	if (!byKey) {
-		byKey = /* @__PURE__ */ new Map();
-		slotIdentities.set(atomicKey, byKey);
+		slotIdentityCount = 0;
+		slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
 	}
-	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) => {
@@ -192,56 +213,54 @@ const hyphenateStyleName = (key) => {
 	hcache[key] = val;
 	return val;
 };
-function createAtomicRules(identifier, property, value, condition = "", wrappers, direct = false, classRepetitions = 1, wrapperStart = 0, wrapperCount = wrappers?.length || 0) {
+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 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 && wrapperCount) {
-		for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {
-			let rule = rules[ruleIndex];
-			for (let index = wrapperStart + wrapperCount - 1; index >= wrapperStart; 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;
 }

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

@@ -22,15 +22,23 @@ var __copyProps = (to, from, except, desc) => {
 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() {
-	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;

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

@@ -22,15 +22,23 @@ var __copyProps = (to, from, except, desc) => {
 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() {
-	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;

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

@@ -1 +1 @@
-{"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  getCSSStyleAtomic: () => getCSSStyleAtomic,\n  getCSSStylesAtomic: () => getCSSStylesAtomic,\n  getStyleAtomic: () => getStyleAtomic,\n  styleToCSS: () => styleToCSS\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomic_native_exports);\nvar empty = function() {\n  console.warn(\"no-op native\");\n};\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,yBAAyB;CACzB,0BAA0B;CAC1B,sBAAsB;CACtB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,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":["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

@@ -20,10 +20,22 @@ var __copyProps = (to, from, except, desc) => {
 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
+	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 [];
 }

package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs

@@ -22,10 +22,24 @@ var __copyProps = (to, from, except, desc) => {
 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
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	registerAtomicSlot: () => registerAtomicSlot
 });
 module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
+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 [];
 }

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

@@ -22,10 +22,24 @@ var __copyProps = (to, from, except, desc) => {
 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
+	getCSSStylesAtomic: () => getCSSStylesAtomic,
+	registerAtomicSlot: () => registerAtomicSlot
 });
 module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
+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 [];
 }