@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/createFont.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["fontWeights","processSection","section","keys","defaultValue","sectionKeys","Object","fillValue","fromEntries","Set","map","key","_section_key","_ref","value","createFont","font","sizeKeys","size","processedFont","entries","param","normal","family"],"sources":["../../src/createFont.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAAA,WAAM,IACJ,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACF;AAEA,IAAAC,cAAM,YAAAA,CACJC,OACA,EACAC,IAAA,EAAAC,YAC+B;EAC/B,IAAI,OAAOF,OAAA,KAAY,UAAU,OAAOA,OAAA;EAExC,IAAAG,WAAM,GAAAC,MAAc,CAAAH,IAAO,CAAAD,OAAK;EAChC,IAAIK,SAAA,GAAYL,OAAA,CAAQG,WAAA,CAAY,CAAC,CAAC;EAEtC,OAAOC,MAAA,CAAOE,WAAA,EACZ,IAAC,eAAG,IAAAC,GAAI,EACN,GAAAN,IAAM,EACN,GAAAE,WAAY,CACZ,EACA,CAAAK,GAAA,WAAQC,GAAK;IACf,IAACC,YAAA,EAAAC,IAAA;IACH,IAAAC,KAAA,IAAAD,IAAA,IAAAD,YAAA,GAAAV,OAAA,CAAAS,GAAA,eAAAC,YAAA,cAAAA,YAAA,GAAAR,YAAA,cAAAS,IAAA,cAAAA,IAAA,GAAAN,SAAA;IACFA,SAAA,GAAAO,KAAA;IAEOV,YAAM,GAAaU,KAAwB;IAChD,OAAM,CACNH,GAAM,EACJG,KAAO,CACL;EAAO;AACL;AACA,IAAAC,UACE,YAAAA,CAAAC,IAAA;EAAA,IAAAC,QACA,GAAAX,MAAQ,CAAAH,IAAS,CAAAa,IAAA,CAAAE,IAAA,IAAc;EAAA,IAAAC,aACvB,GAAAb,MAAS,CAAEE,WAAQ,CAAAF,MAAK,CAAAc,OAAW,CAAAJ,IAAA,EAAAN,GAAA,WAAAW,KAAA;IAAA,IAC7C,CAAAV,GAAA,EAAAT,OAAA,IAAAmB,KAAA;IAAA,OACF,CACDV,GAAA,EACHV,cAAA,CAAAC,OAAA,EAAAS,GAAA,cAAAX,WAAA,GAAAiB,QAAA,EAAAN,GAAA;MACAW,MAAO,EAAON,IAAA,CAAAO;IAChB,Y","ignoreList":[]}
+{"version":3,"file":"createFont.native.js","names":[],"sources":["esm/createFont.native.js"],"sourcesContent":["var fontWeights = [\n  \"100\",\n  \"200\",\n  \"300\",\n  \"400\",\n  \"500\",\n  \"600\",\n  \"700\",\n  \"800\",\n  \"900\"\n];\nvar processSection = function(section, keys, defaultValue) {\n  if (typeof section === \"string\") return section;\n  var sectionKeys = Object.keys(section);\n  var fillValue = section[sectionKeys[0]];\n  return Object.fromEntries([\n    .../* @__PURE__ */ new Set([\n      ...keys,\n      ...sectionKeys\n    ])\n  ].map(function(key) {\n    var _section_key, _ref;\n    var value = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;\n    fillValue = value;\n    defaultValue = value;\n    return [\n      key,\n      value\n    ];\n  }));\n};\nvar createFont = function(font) {\n  var sizeKeys = Object.keys(font.size || {});\n  var processedFont = Object.fromEntries(Object.entries(font).map(function(param) {\n    var [key, section] = param;\n    return [\n      key,\n      processSection(section, key === \"face\" ? fontWeights : sizeKeys, key === \"face\" ? {\n        normal: font.family\n      } : void 0)\n    ];\n  }));\n  return Object.freeze(processedFont);\n};\nexport {\n  createFont\n};\n//# sourceMappingURL=createFont.js.map\n"],"mappings":";AAAA,IAAI,cAAc;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAI,iBAAiB,SAAS,SAAS,MAAM,cAAc;CACzD,IAAI,OAAO,YAAY,UAAU,OAAO;CACxC,IAAI,cAAc,OAAO,KAAK,OAAO;CACrC,IAAI,YAAY,QAAQ,YAAY;CACpC,OAAO,OAAO,YAAY,CACxB,mBAAmB,IAAI,IAAI,CACzB,GAAG,MACH,GAAG,WACL,CAAC,CACH,EAAE,IAAI,SAAS,KAAK;EAClB,IAAI,cAAc;EAClB,IAAI,SAAS,QAAQ,eAAe,QAAQ,UAAU,QAAQ,iBAAiB,KAAK,IAAI,eAAe,kBAAkB,QAAQ,SAAS,KAAK,IAAI,OAAO;EAC1J,YAAY;EACZ,eAAe;EACf,OAAO,CACL,KACA,KACF;CACF,CAAC,CAAC;AACJ;AACA,IAAI,aAAa,SAAS,MAAM;CAC9B,IAAI,WAAW,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC;CAC1C,IAAI,gBAAgB,OAAO,YAAY,OAAO,QAAQ,IAAI,EAAE,IAAI,SAAS,OAAO;EAC9E,IAAI,CAAC,KAAK,WAAW;EACrB,OAAO,CACL,KACA,eAAe,SAAS,QAAQ,SAAS,cAAc,UAAU,QAAQ,SAAS,EAChF,QAAQ,KAAK,OACf,IAAI,KAAK,CAAC,CACZ;CACF,CAAC,CAAC;CACF,OAAO,OAAO,OAAO,aAAa;AACpC"}

package/dist/esm/createShorthands.mjs

@@ -1,5 +1,6 @@
 function createShorthands(shorthands) {
-  return Object.freeze(shorthands);
+	return Object.freeze(shorthands);
 }
+
 export { createShorthands };
 //# sourceMappingURL=createShorthands.mjs.map

package/dist/esm/createShorthands.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createShorthands","shorthands","Object","freeze"],"sources":["../../src/createShorthands.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,iBAA6CC,UAAA,EAAkB;EAC7E,OAAOC,MAAA,CAAOC,MAAA,CAAOF,UAAU;AACjC","ignoreList":[]}
+{"version":3,"file":"createShorthands.js","names":[],"sources":["esm/createShorthands.js"],"sourcesContent":["function createShorthands(shorthands) {\n  return Object.freeze(shorthands);\n}\nexport {\n  createShorthands\n};\n//# sourceMappingURL=createShorthands.js.map\n"],"mappings":";AAAA,SAAS,iBAAiB,YAAY;CACpC,OAAO,OAAO,OAAO,UAAU;AACjC"}

package/dist/esm/createShorthands.native.js

@@ -1,5 +1,6 @@
 function createShorthands(shorthands) {
-  return Object.freeze(shorthands);
+	return Object.freeze(shorthands);
 }
+
 export { createShorthands };
 //# sourceMappingURL=createShorthands.native.js.map

package/dist/esm/createShorthands.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["createShorthands","shorthands","Object","freeze"],"sources":["../../src/createShorthands.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,iBAA6CC,UAAA,EAAkB;EAC7E,OAAOC,MAAA,CAAOC,MAAA,CAAOF,UAAU;AACjC","ignoreList":[]}
+{"version":3,"file":"createShorthands.native.js","names":[],"sources":["esm/createShorthands.native.js"],"sourcesContent":["function createShorthands(shorthands) {\n  return Object.freeze(shorthands);\n}\nexport {\n  createShorthands\n};\n//# sourceMappingURL=createShorthands.js.map\n"],"mappings":";AAAA,SAAS,iBAAiB,YAAY;CACpC,OAAO,OAAO,OAAO,UAAU;AACjC"}

package/dist/esm/createStyledHOC.mjs

@@ -0,0 +1,29 @@
+import React from "react";
+import { componentDisplayName, setComponentDisplayName } from "./helpers/componentDisplayName.mjs";
+import { themeable } from "./helpers/themeable.mjs";
+
+function createStyledHOC(component, render, options) {
+	const staticConfig = component.staticConfig;
+	const extendedConfig = {
+		...staticConfig,
+		...options?.staticConfig,
+		neverFlatten: true,
+		isHOC: true,
+		isStyledHOC: false
+	};
+	let out = function StyledHOCComponent(props) {
+		const { ref, ...rest } = props;
+		return render(rest, ref);
+	};
+	out = options?.disableTheme ? out : themeable(out, extendedConfig, true);
+	if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLED_HOC) {
+		out = React.memo(out);
+	}
+	const displayName = options?.displayName || component[componentDisplayName];
+	setComponentDisplayName(out, displayName);
+	out.staticConfig = extendedConfig;
+	return out;
+}
+
+export { createStyledHOC };
+//# sourceMappingURL=createStyledHOC.mjs.map

package/dist/esm/createStyledHOC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledHOC.js","names":[],"sources":["esm/createStyledHOC.js"],"sourcesContent":["import React from \"react\";\nimport {\n  componentDisplayName,\n  setComponentDisplayName\n} from \"./helpers/componentDisplayName\";\nimport { themeable } from \"./helpers/themeable\";\nfunction createStyledHOC(component, render, options) {\n  const staticConfig = component.staticConfig;\n  const extendedConfig = {\n    ...staticConfig,\n    ...options?.staticConfig,\n    neverFlatten: true,\n    isHOC: true,\n    isStyledHOC: false\n  };\n  let out = function StyledHOCComponent(props) {\n    const { ref, ...rest } = props;\n    return render(rest, ref);\n  };\n  out = options?.disableTheme ? out : themeable(out, extendedConfig, true);\n  if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLED_HOC) {\n    out = React.memo(out);\n  }\n  const displayName = options?.displayName || component[componentDisplayName];\n  setComponentDisplayName(out, displayName);\n  out.staticConfig = extendedConfig;\n  return out;\n}\nexport {\n  createStyledHOC\n};\n//# sourceMappingURL=createStyledHOC.js.map\n"],"mappings":";;;;;AAMA,SAAS,gBAAgB,WAAW,QAAQ,SAAS;CACnD,MAAM,eAAe,UAAU;CAC/B,MAAM,iBAAiB;EACrB,GAAG;EACH,GAAG,SAAS;EACZ,cAAc;EACd,OAAO;EACP,aAAa;CACf;CACA,IAAI,MAAM,SAAS,mBAAmB,OAAO;EAC3C,MAAM,EAAE,KAAK,GAAG,SAAS;EACzB,OAAO,OAAO,MAAM,GAAG;CACzB;CACA,MAAM,SAAS,eAAe,MAAM,UAAU,KAAK,gBAAgB,IAAI;CACvE,IAAI,eAAe,QAAQ,QAAQ,IAAI,4BAA4B;EACjE,MAAM,MAAM,KAAK,GAAG;CACtB;CACA,MAAM,cAAc,SAAS,eAAe,UAAU;CACtD,wBAAwB,KAAK,WAAW;CACxC,IAAI,eAAe;CACnB,OAAO;AACT"}

package/dist/esm/createStyledHOC.native.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { componentDisplayName, setComponentDisplayName } from "./helpers/componentDisplayName.native.js";
+import { themeable } from "./helpers/themeable.native.js";
+
+function createStyledHOC(component, render, options) {
+	var staticConfig = component.staticConfig;
+	var extendedConfig = {
+		...staticConfig,
+		...options === null || options === void 0 ? void 0 : options.staticConfig,
+		neverFlatten: true,
+		isHOC: true,
+		isStyledHOC: false
+	};
+	var out = function StyledHOCComponent(props) {
+		var { ref, ...rest } = props;
+		return render(rest, ref);
+	};
+	out = (options === null || options === void 0 ? void 0 : options.disableTheme) ? out : themeable(out, extendedConfig, true);
+	if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLED_HOC) {
+		out = /* @__PURE__ */ React.memo(out);
+	}
+	var displayName = (options === null || options === void 0 ? void 0 : options.displayName) || component[componentDisplayName];
+	setComponentDisplayName(out, displayName);
+	out.staticConfig = extendedConfig;
+	return out;
+}
+
+export { createStyledHOC };
+//# sourceMappingURL=createStyledHOC.native.js.map

package/dist/esm/createStyledHOC.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledHOC.native.js","names":[],"sources":["esm/createStyledHOC.native.js"],"sourcesContent":["import React from \"react\";\nimport { componentDisplayName, setComponentDisplayName } from \"./helpers/componentDisplayName\";\nimport { themeable } from \"./helpers/themeable\";\nfunction createStyledHOC(component, render, options) {\n  var staticConfig = component.staticConfig;\n  var extendedConfig = {\n    ...staticConfig,\n    ...options === null || options === void 0 ? void 0 : options.staticConfig,\n    neverFlatten: true,\n    isHOC: true,\n    isStyledHOC: false\n  };\n  var out = function StyledHOCComponent(props) {\n    var { ref, ...rest } = props;\n    return render(rest, ref);\n  };\n  out = (options === null || options === void 0 ? void 0 : options.disableTheme) ? out : themeable(out, extendedConfig, true);\n  if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLED_HOC) {\n    out = /* @__PURE__ */ React.memo(out);\n  }\n  var displayName = (options === null || options === void 0 ? void 0 : options.displayName) || component[componentDisplayName];\n  setComponentDisplayName(out, displayName);\n  out.staticConfig = extendedConfig;\n  return out;\n}\nexport {\n  createStyledHOC\n};\n//# sourceMappingURL=createStyledHOC.js.map\n"],"mappings":";;;;;AAGA,SAAS,gBAAgB,WAAW,QAAQ,SAAS;CACnD,IAAI,eAAe,UAAU;CAC7B,IAAI,iBAAiB;EACnB,GAAG;EACH,GAAG,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ;EAC7D,cAAc;EACd,OAAO;EACP,aAAa;CACf;CACA,IAAI,MAAM,SAAS,mBAAmB,OAAO;EAC3C,IAAI,EAAE,KAAK,GAAG,SAAS;EACvB,OAAO,OAAO,MAAM,GAAG;CACzB;CACA,OAAO,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ,gBAAgB,MAAM,UAAU,KAAK,gBAAgB,IAAI;CAC1H,IAAI,eAAe,QAAQ,QAAQ,IAAI,4BAA4B;EACjE,MAAsB,sBAAM,KAAK,GAAG;CACtC;CACA,IAAI,eAAe,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ,gBAAgB,UAAU;CACvG,wBAAwB,KAAK,WAAW;CACxC,IAAI,eAAe;CACnB,OAAO;AACT"}

package/dist/esm/createTamagui.mjs

@@ -6,223 +6,272 @@ import { buildCSSRuleSets, createFontCSS, createThemeCSS, createTokenCSS, getCSS
 import { scanAllSheets } from "./helpers/insertStyleRule.mjs";
 import { proxyThemesToParents } from "./helpers/proxyThemeToParents.mjs";
 import { ensureThemeVariable } from "./helpers/themes.mjs";
+import { mergeConfigVariablesIntoTheme } from "./helpers/variables.mjs";
 import { configureMedia } from "./hooks/useMedia.mjs";
 import { parseFont, registerFontVariables } from "./insertFont.mjs";
 import { Tamagui } from "./Tamagui.mjs";
+
+const reservedCssIdentsLower = /* @__PURE__ */ new Set([
+	"inherit",
+	"initial",
+	"unset",
+	"revert",
+	"none",
+	"auto",
+	"transparent",
+	"currentcolor"
+]);
 function shouldTokenCategoryHaveUnits(category) {
-  return (/* @__PURE__ */new Set(["size", "space", "radius"])).has(category);
+	const UNIT_CATEGORIES = /* @__PURE__ */ new Set([
+		"size",
+		"space",
+		"radius"
+	]);
+	return UNIT_CATEGORIES.has(category);
 }
 function initializeTamaguiConfig(config) {
-  setConfig(config);
-  configureMedia(config);
+	setConfig(config);
+	configureMedia(config);
+}
+function installTamaguiConfig(config) {
+	setTokens(config.tokensParsed);
+	initializeTamaguiConfig(config);
+	return config;
+}
+function createParsedTokens(tokensIn) {
+	const parsed = createVariables(tokensIn || {});
+	for (const category of [
+		"color",
+		"space",
+		"size",
+		"radius",
+		"zIndex"
+	]) {
+		parsed[category] ||= {};
+	}
+	return parsed;
+}
+function isNamesOnlyThemeProjection(themes) {
+	const names = Object.keys(themes);
+	if (names.length === 0) return false;
+	return names.every((name) => {
+		const theme = themes[name];
+		if (!theme || typeof theme !== "object") return false;
+		const variables = Object.keys(theme);
+		return variables.length > 0 && variables.every((key) => theme[key] === void 0);
+	});
 }
 function createTamagui(configIn) {
-  const existingConfig = getConfigMaybe();
-  if (existingConfig) configIn = {
-    ...existingConfig,
-    ...configIn
-  };
-  const tokensParsed = {};
-  const tokens = createVariables(configIn.tokens || {});
-  if (configIn.tokens) {
-    const tokensMerged = {};
-    for (const cat in tokens) {
-      tokensParsed[cat] = {};
-      tokensMerged[cat] = {};
-      const tokenCat = tokens[cat];
-      for (const key in tokenCat) {
-        const val = tokenCat[key];
-        const prefixedKey = `$${key}`;
-        tokensParsed[cat][prefixedKey] = val;
-        tokensMerged[cat][prefixedKey] = val;
-        tokensMerged[cat][key] = val;
-      }
-    }
-    setTokens(tokensMerged);
-  }
-  let foundThemes;
-  if (configIn.themes) {
-    const noThemes = Object.keys(configIn.themes).length === 0;
-    if (noThemes && !process.env.TAMAGUI_DID_OUTPUT_CSS) foundThemes = scanAllSheets(noThemes, tokensParsed);
-  }
-  let fontSizeTokens = null;
-  let fontsParsed;
-  if (configIn.fonts) {
-    const fontTokens = Object.fromEntries(Object.entries(configIn.fonts).map(([k, v]) => {
-      return [k, createVariables(v, "f", true)];
-    }));
-    fontsParsed = (() => {
-      const res = {};
-      for (const familyName in fontTokens) {
-        const font = fontTokens[familyName];
-        const fontParsed = parseFont(font);
-        res[`$${familyName}`] = fontParsed;
-        if (!fontSizeTokens && fontParsed.size) fontSizeTokens = new Set(Object.keys(fontParsed.size));
-      }
-      return res;
-    })();
-  }
-  const specificTokens = {};
-  const themeConfig = (() => {
-    const sortedTokenKeys = Object.keys(tokens).sort();
-    for (const key of sortedTokenKeys) {
-      const sortedSubKeys = Object.keys(tokens[key]).sort();
-      for (const skey of sortedSubKeys) {
-        const variable = tokens[key][skey];
-        specificTokens[`$${key}.${skey}`] = variable;
-        if (process.env.NODE_ENV === "development") {
-          if (typeof variable === "undefined") throw new Error(`No value for tokens.${key}.${skey}:
-${JSON.stringify(variable, null, 2)}`);
-        }
-      }
-    }
-    const cssRuleSets = buildCSSRuleSets(createTokenCSS(tokens, shouldTokenCategoryHaveUnits), createFontCSS(fontsParsed, registerFontVariables));
-    const themesIn = configIn.themes;
-    const dedupedThemes = foundThemes ?? getThemesDeduped(themesIn, tokens.color);
-    return {
-      themes: proxyThemesToParents(dedupedThemes),
-      cssRuleSets,
-      getThemeRulesSets() {
-        return createThemeCSS(dedupedThemes, configIn);
-      }
-    };
-  })();
-  const userShorthands = configIn.shorthands || {};
-  const shorthands = {
-    ...builtinShorthands,
-    ...userShorthands
-  };
-  const lastCSSIndex = {
-    value: -1
-  };
-  const getCSS$1 = (opts = {}) => {
-    return getCSS(themeConfig, opts, lastCSSIndex);
-  };
-  const getNewCSS = opts => getCSS$1({
-    ...opts,
-    sinceLastCall: true
-  });
-  const defaultFontSetting = configIn.settings?.defaultFont;
-  const defaultFont = (() => {
-    let val = defaultFontSetting;
-    if (val?.[0] === "$") val = val.slice(1);
-    return val;
-  })();
-  const defaultPositionSetting = configIn.settings?.defaultPosition || "static";
-  const defaultProps = configIn.defaultProps || {};
-  if (defaultPositionSetting !== "static") defaultProps.View = {
-    ...defaultProps.View,
-    position: defaultPositionSetting
-  };
-  const defaultFontToken = defaultFont ? `$${defaultFont}` : "";
-  const inputAnimations = configIn.animations;
-  const resolvedDriver = resolveAnimationDriver(inputAnimations);
-  const isMultiDriver = resolvedDriver !== null && resolvedDriver !== inputAnimations;
-  const resolvedAnimations = resolvedDriver ?? inputAnimations;
-  const animationDrivers = isMultiDriver ? inputAnimations : void 0;
-  const config = {
-    fonts: {},
-    onlyAllowShorthands: false,
-    fontLanguages: [],
-    media: {},
-    ...configIn,
-    animations: resolvedAnimations ?? defaultAnimationDriver,
-    animationDrivers,
-    defaultProps,
-    settings: {
-      webContainerType: "inline-size",
-      ...configIn.settings
-    },
-    tokens,
-    shorthands,
-    userShorthands,
-    inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
-    themes: themeConfig.themes,
-    fontsParsed: fontsParsed || {},
-    themeConfig,
-    tokensParsed,
-    parsed: true,
-    getNewCSS,
-    getCSS: getCSS$1,
-    defaultFont,
-    fontSizeTokens: fontSizeTokens || /* @__PURE__ */new Set(),
-    specificTokens,
-    defaultFontToken
-  };
-  initializeTamaguiConfig(config);
-  if (process.env.NODE_ENV !== "development") return config;
-  if (process.env.DEBUG?.startsWith("tamagui")) console.info("Tamagui config:", config);
-  if (!globalThis["Tamagui"]) globalThis["Tamagui"] = Tamagui;
-  return config;
+	if (process.env.TAMAGUI_RUNTIME === "zero") {
+		throw new Error(`[tamagui zero-runtime] createTamagui ran in a zero-runtime graph. Config parsing and CSS generation happen at build time in this mode and the bundler loads the generated CSS artifact. Remove the client config reference or make this entry full-runtime.`);
+	}
+	const existingConfig = getConfigMaybe();
+	if (existingConfig) {
+		configIn = {
+			...existingConfig,
+			...configIn
+		};
+	}
+	const tokensParsed = createParsedTokens(configIn.tokens);
+	const tokens = tokensParsed;
+	if (configIn.tokens) {
+		for (const cat in tokens) {
+			const tokenCat = tokens[cat];
+			for (const key in tokenCat) {
+				if (reservedCssIdentsLower.has(key.toLowerCase())) {
+					throw new Error(`Token tokens.${cat}.${key} takes a reserved CSS-wide keyword name. These always resolve as literal CSS ("${key.toLowerCase()}"), so this token could never be referenced. Rename it.`);
+				}
+			}
+		}
+		setTokens(tokensParsed);
+	}
+	let foundThemes;
+	if (configIn.themes) {
+		const noThemes = Object.keys(configIn.themes).length === 0;
+		const namesOnlyThemes = isNamesOnlyThemeProjection(configIn.themes);
+		if ((noThemes || namesOnlyThemes) && !process.env.TAMAGUI_DID_OUTPUT_CSS) {
+			foundThemes = scanAllSheets(true, tokensParsed);
+		}
+	}
+	let fontSizeTokens = null;
+	let fontsParsed;
+	if (configIn.fonts) {
+		const fontTokens = Object.fromEntries(Object.entries(configIn.fonts).map(([k, v]) => {
+			return [k, createVariables(v, "f", true)];
+		}));
+		fontsParsed = (() => {
+			const res = {};
+			for (const familyName in fontTokens) {
+				const font = fontTokens[familyName];
+				const fontParsed = parseFont(font);
+				res[familyName] = fontParsed;
+				if (!fontSizeTokens && fontParsed.size) {
+					fontSizeTokens = new Set(Object.keys(fontParsed.size));
+				}
+			}
+			return res;
+		})();
+	}
+	const { defaultSize: _removedDefaultSize, defaultTokens: _removedDefaultTokens, ...settingsIn } = configIn.settings || {};
+	const defaultFontSetting = configIn.settings?.defaultFont;
+	const defaultFont = defaultFontSetting;
+	const defaultFontToken = (defaultFont ? defaultFont : fontsParsed?.body ? "body" : Object.keys(fontsParsed || {})[0]) || "";
+	if (defaultFont && !fontsParsed?.[defaultFontToken]) {
+		throw new Error(`settings.defaultFont points to missing font "${defaultFontToken}". Configure fonts.${defaultFont} or choose an existing default.`);
+	}
+	const themeConfig = (() => {
+		const declarations = createTokenCSS(tokens, shouldTokenCategoryHaveUnits);
+		const fontDeclarations = createFontCSS(fontsParsed, registerFontVariables);
+		const cssRuleSets = buildCSSRuleSets(declarations, fontDeclarations, defaultFontToken);
+		const themesIn = configIn.themes;
+		const dedupedThemes = foundThemes ?? getThemesDeduped(themesIn, tokens.color, configIn.variables, { tokensParsed });
+		const themes = proxyThemesToParents(dedupedThemes);
+		return {
+			themes,
+			cssRuleSets,
+			getThemeRulesSets() {
+				return createThemeCSS(dedupedThemes, configIn);
+			}
+		};
+	})();
+	const userShorthands = configIn.shorthands || {};
+	const shorthands = {
+		...builtinShorthands,
+		...userShorthands
+	};
+	const cssState = {
+		lastIndex: -1,
+		static: null
+	};
+	const getCSS$1 = (opts = {}) => {
+		return getCSS(themeConfig, opts, cssState);
+	};
+	const getNewCSS = (opts) => getCSS$1({
+		...opts,
+		sinceLastCall: true
+	});
+	const inputAnimations = configIn.animations;
+	const resolvedDriver = resolveAnimationDriver(inputAnimations);
+	const isMultiDriver = resolvedDriver !== null && resolvedDriver !== inputAnimations;
+	const resolvedAnimations = resolvedDriver ?? inputAnimations;
+	const animationDrivers = isMultiDriver ? inputAnimations : void 0;
+	const config = {
+		fonts: {},
+		onlyAllowShorthands: false,
+		fontLanguages: [],
+		media: {},
+		...configIn,
+		animations: resolvedAnimations ?? defaultAnimationDriver,
+		animationDrivers,
+		settings: {
+			webContainerType: "inline-size",
+			...settingsIn
+		},
+		tokens,
+		shorthands,
+		userShorthands,
+		inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
+		themes: themeConfig.themes,
+		fontsParsed: fontsParsed || {},
+		themeConfig,
+		tokensParsed,
+		parsed: true,
+		getNewCSS,
+		getCSS: getCSS$1,
+		defaultFont,
+		fontSizeTokens: fontSizeTokens || /* @__PURE__ */ new Set(),
+		defaultFontToken
+	};
+	initializeTamaguiConfig(config);
+	if (process.env.NODE_ENV !== "development") {
+		return config;
+	}
+	if (process.env.DEBUG?.startsWith("tamagui")) {
+		console.info("Tamagui config:", config);
+	}
+	if (!globalThis["Tamagui"]) {
+		globalThis["Tamagui"] = Tamagui;
+	}
+	return config;
 }
-function getThemesDeduped(themes, colorTokens) {
-  const dedupedThemes = [];
-  const existing = /* @__PURE__ */new Map();
-  const sortedThemeNames = Object.keys(themes).sort();
-  for (const themeName of sortedThemeNames) {
-    const darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "";
-    const rawTheme = themes[themeName];
-    const key = darkOrLightSpecificPrefix + JSON.stringify(rawTheme);
-    if (existing.has(key)) {
-      existing.get(key).names.push(themeName);
-      continue;
-    }
-    const theme = {
-      ...colorTokens,
-      ...rawTheme
-    };
-    for (const key2 in theme) ensureThemeVariable(theme, key2);
-    const deduped = {
-      names: [themeName],
-      theme
-    };
-    dedupedThemes.push(deduped);
-    existing.set(key, deduped);
-  }
-  return dedupedThemes;
+function getThemesDeduped(themes, colorTokens, variables, variablesCtx) {
+	const dedupedThemes = [];
+	const existing = /* @__PURE__ */ new Map();
+	const sortedThemeNames = Object.keys(themes).sort((a, b) => {
+		const aIsBase = a === "light" || a === "dark";
+		const bIsBase = b === "light" || b === "dark";
+		return aIsBase === bIsBase ? a.localeCompare(b) : aIsBase ? -1 : 1;
+	});
+	for (const themeName of sortedThemeNames) {
+		const rawTheme = themes[themeName];
+		const key = JSON.stringify(rawTheme);
+		if (existing.has(key)) {
+			const e = existing.get(key);
+			e.names.push(themeName);
+			continue;
+		}
+		const theme = {
+			...colorTokens,
+			...rawTheme
+		};
+		for (const key2 in theme) {
+			ensureThemeVariable(theme, key2);
+		}
+		if (variables && variablesCtx && !themeName.includes("_")) {
+			mergeConfigVariablesIntoTheme(theme, themeName, variables, variablesCtx.tokensParsed);
+		}
+		const deduped = {
+			names: [themeName],
+			theme
+		};
+		dedupedThemes.push(deduped);
+		existing.set(key, deduped);
+	}
+	return dedupedThemes;
 }
 const builtinShorthands = {
-  bblr: "borderBottomLeftRadius",
-  bbrr: "borderBottomRightRadius",
-  bbs: "borderBottomStyle",
-  bls: "borderLeftStyle",
-  brc: "borderRightColor",
-  brs: "borderRightStyle",
-  brw: "borderRightWidth",
-  bs: "borderStyle",
-  btc: "borderTopColor",
-  btlr: "borderTopLeftRadius",
-  btrr: "borderTopRightRadius",
-  bts: "borderTopStyle",
-  btw: "borderTopWidth",
-  bw: "borderWidth",
-  bxs: "boxSizing",
-  bxsh: "boxShadow",
-  col: "color",
-  cur: "cursor",
-  dsp: "display",
-  fb: "flexBasis",
-  fd: "flexDirection",
-  ff: "fontFamily",
-  fs: "fontSize",
-  fst: "fontStyle",
-  fw: "fontWeight",
-  fwr: "flexWrap",
-  lh: "lineHeight",
-  ls: "letterSpacing",
-  o: "opacity",
-  ov: "overflow",
-  ox: "overflowX",
-  oy: "overflowY",
-  pe: "pointerEvents",
-  pos: "position",
-  td: "textDecorationLine",
-  tr: "transform",
-  tt: "textTransform",
-  va: "verticalAlign",
-  wb: "wordBreak",
-  ws: "whiteSpace",
-  ww: "wordWrap"
+	bblr: "borderBottomLeftRadius",
+	bbrr: "borderBottomRightRadius",
+	bbs: "borderBottomStyle",
+	bls: "borderLeftStyle",
+	brc: "borderRightColor",
+	brs: "borderRightStyle",
+	brw: "borderRightWidth",
+	bs: "borderStyle",
+	btc: "borderTopColor",
+	btlr: "borderTopLeftRadius",
+	btrr: "borderTopRightRadius",
+	bts: "borderTopStyle",
+	btw: "borderTopWidth",
+	bw: "borderWidth",
+	bxs: "boxSizing",
+	bxsh: "boxShadow",
+	col: "color",
+	cur: "cursor",
+	dsp: "display",
+	fb: "flexBasis",
+	fd: "flexDirection",
+	ff: "fontFamily",
+	fs: "fontSize",
+	fst: "fontStyle",
+	fw: "fontWeight",
+	fwr: "flexWrap",
+	lh: "lineHeight",
+	ls: "letterSpacing",
+	o: "opacity",
+	ov: "overflow",
+	ox: "overflowX",
+	oy: "overflowY",
+	pe: "pointerEvents",
+	pos: "position",
+	td: "textDecorationLine",
+	tr: "transform",
+	tt: "textTransform",
+	va: "verticalAlign",
+	wb: "wordBreak",
+	ws: "whiteSpace",
+	ww: "wordWrap"
 };
-export { createTamagui };
+
+export { createTamagui, installTamaguiConfig };
 //# sourceMappingURL=createTamagui.mjs.map