@tamagui/web 3.0.0-beta.1352.1 → 3.0.0-beta.1358.1

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

@@ -0,0 +1,109 @@
+import { getConfig } from "../config.native.js";
+import { getVariableValue } from "../createVariable.native.js";
+
+var defaultSizing = {
+	default: "md",
+	sizes: {
+		xs: {
+			fontSize: "xs",
+			controlFontSize: "xs",
+			paddingInline: "2",
+			paddingBlock: "1",
+			gap: "1",
+			radius: "sm"
+		},
+		sm: {
+			fontSize: "sm",
+			controlFontSize: "sm",
+			paddingInline: "3",
+			paddingBlock: "1.5",
+			gap: "1.5",
+			radius: "md"
+		},
+		md: {
+			fontSize: "sm",
+			controlFontSize: "base",
+			paddingInline: "4",
+			paddingBlock: "2",
+			gap: "2",
+			radius: "md"
+		},
+		lg: {
+			fontSize: "base",
+			controlFontSize: "lg",
+			paddingInline: "6",
+			paddingBlock: "2",
+			gap: "2",
+			radius: "md"
+		},
+		xl: {
+			fontSize: "lg",
+			controlFontSize: "xl",
+			paddingInline: "8",
+			paddingBlock: "2.5",
+			gap: "2.5",
+			radius: "lg"
+		}
+	}
+};
+var toPx = function(value) {
+	return typeof value === "number" ? value : Number.parseFloat(value);
+};
+function resolveSizing(size, env) {
+	var _font_size, _font_size1, _font_lineHeight, _tokens_space;
+	if (size === false) return void 0;
+	var conf = (env === null || env === void 0 ? void 0 : env.fonts) && (env === null || env === void 0 ? void 0 : env.tokens) ? void 0 : getConfig();
+	var _env_sizing;
+	var sizing = {
+		...defaultSizing,
+		...(_env_sizing = env === null || env === void 0 ? void 0 : env.sizing) !== null && _env_sizing !== void 0 ? _env_sizing : conf === null || conf === void 0 ? void 0 : conf.sizing
+	};
+	var name = size === true || size == null ? sizing.default : size;
+	var rung = sizing.sizes[name];
+	if (!rung) return void 0;
+	var keys = {
+		fontSize: rung.fontSize,
+		lineHeight: rung.fontSize,
+		paddingInline: rung.paddingInline,
+		paddingBlock: rung.paddingBlock,
+		gap: rung.gap,
+		radius: rung.radius
+	};
+	if (rung.px) {
+		return {
+			name,
+			...keys,
+			height: rung.px.height,
+			icon: rung.px.icon,
+			square: rung.px.square
+		};
+	}
+	var _env_fonts;
+	var fonts = (_env_fonts = env === null || env === void 0 ? void 0 : env.fonts) !== null && _env_fonts !== void 0 ? _env_fonts : conf === null || conf === void 0 ? void 0 : conf.fontsParsed;
+	var _env_tokens;
+	var tokens = (_env_tokens = env === null || env === void 0 ? void 0 : env.tokens) !== null && _env_tokens !== void 0 ? _env_tokens : conf === null || conf === void 0 ? void 0 : conf.tokensParsed;
+	var _conf_defaultFontToken, _env_font;
+	var font = (_env_font = env === null || env === void 0 ? void 0 : env.font) !== null && _env_font !== void 0 ? _env_font : fonts === null || fonts === void 0 ? void 0 : fonts[(_conf_defaultFontToken = conf === null || conf === void 0 ? void 0 : conf.defaultFontToken) !== null && _conf_defaultFontToken !== void 0 ? _conf_defaultFontToken : "body"];
+	var px = {
+		fontSize: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size = font.size) === null || _font_size === void 0 ? void 0 : _font_size[rung.fontSize])),
+		control: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size1 = font.size) === null || _font_size1 === void 0 ? void 0 : _font_size1[rung.controlFontSize])),
+		lineHeight: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[rung.fontSize])),
+		paddingBlock: toPx(getVariableValue(tokens === null || tokens === void 0 ? void 0 : (_tokens_space = tokens.space) === null || _tokens_space === void 0 ? void 0 : _tokens_space[rung.paddingBlock]))
+	};
+	if (!Object.values(px).every(Number.isFinite)) {
+		if (process.env.NODE_ENV === "development") {
+			console.warn(`[tamagui] size "${name}" references a missing token (fontSize "${rung.fontSize}", controlFontSize "${rung.controlFontSize}", paddingBlock "${rung.paddingBlock}"); resolving to no styles`);
+		}
+		return void 0;
+	}
+	return {
+		name,
+		...keys,
+		height: px.lineHeight + px.paddingBlock * 2,
+		icon: Math.ceil(px.fontSize / 4) * 4,
+		square: Math.round(px.control * 1.4)
+	};
+}
+
+export { defaultSizing, resolveSizing };
+//# sourceMappingURL=resolveSizing.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveSizing.native.js","names":[],"sources":["esm/helpers/resolveSizing.native.js"],"sourcesContent":["import { getConfig } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nvar defaultSizing = {\n  default: \"md\",\n  sizes: {\n    xs: {\n      fontSize: \"xs\",\n      controlFontSize: \"xs\",\n      paddingInline: \"2\",\n      paddingBlock: \"1\",\n      gap: \"1\",\n      radius: \"sm\"\n    },\n    sm: {\n      fontSize: \"sm\",\n      controlFontSize: \"sm\",\n      paddingInline: \"3\",\n      paddingBlock: \"1.5\",\n      gap: \"1.5\",\n      radius: \"md\"\n    },\n    md: {\n      fontSize: \"sm\",\n      controlFontSize: \"base\",\n      paddingInline: \"4\",\n      paddingBlock: \"2\",\n      gap: \"2\",\n      radius: \"md\"\n    },\n    lg: {\n      fontSize: \"base\",\n      controlFontSize: \"lg\",\n      paddingInline: \"6\",\n      paddingBlock: \"2\",\n      gap: \"2\",\n      radius: \"md\"\n    },\n    xl: {\n      fontSize: \"lg\",\n      controlFontSize: \"xl\",\n      paddingInline: \"8\",\n      paddingBlock: \"2.5\",\n      gap: \"2.5\",\n      radius: \"lg\"\n    }\n  }\n};\nvar toPx = function(value) {\n  return typeof value === \"number\" ? value : Number.parseFloat(value);\n};\nfunction resolveSizing(size, env) {\n  var _font_size, _font_size1, _font_lineHeight, _tokens_space;\n  if (size === false) return void 0;\n  var conf = (env === null || env === void 0 ? void 0 : env.fonts) && (env === null || env === void 0 ? void 0 : env.tokens) ? void 0 : getConfig();\n  var _env_sizing;\n  var sizing = {\n    ...defaultSizing,\n    ...(_env_sizing = env === null || env === void 0 ? void 0 : env.sizing) !== null && _env_sizing !== void 0 ? _env_sizing : conf === null || conf === void 0 ? void 0 : conf.sizing\n  };\n  var name = size === true || size == null ? sizing.default : size;\n  var rung = sizing.sizes[name];\n  if (!rung) return void 0;\n  var keys = {\n    fontSize: rung.fontSize,\n    lineHeight: rung.fontSize,\n    paddingInline: rung.paddingInline,\n    paddingBlock: rung.paddingBlock,\n    gap: rung.gap,\n    radius: rung.radius\n  };\n  if (rung.px) {\n    return {\n      name,\n      ...keys,\n      height: rung.px.height,\n      icon: rung.px.icon,\n      square: rung.px.square\n    };\n  }\n  var _env_fonts;\n  var fonts = (_env_fonts = env === null || env === void 0 ? void 0 : env.fonts) !== null && _env_fonts !== void 0 ? _env_fonts : conf === null || conf === void 0 ? void 0 : conf.fontsParsed;\n  var _env_tokens;\n  var tokens = (_env_tokens = env === null || env === void 0 ? void 0 : env.tokens) !== null && _env_tokens !== void 0 ? _env_tokens : conf === null || conf === void 0 ? void 0 : conf.tokensParsed;\n  var _conf_defaultFontToken, _env_font;\n  var font = (_env_font = env === null || env === void 0 ? void 0 : env.font) !== null && _env_font !== void 0 ? _env_font : fonts === null || fonts === void 0 ? void 0 : fonts[(_conf_defaultFontToken = conf === null || conf === void 0 ? void 0 : conf.defaultFontToken) !== null && _conf_defaultFontToken !== void 0 ? _conf_defaultFontToken : \"body\"];\n  var px = {\n    fontSize: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size = font.size) === null || _font_size === void 0 ? void 0 : _font_size[rung.fontSize])),\n    control: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size1 = font.size) === null || _font_size1 === void 0 ? void 0 : _font_size1[rung.controlFontSize])),\n    lineHeight: toPx(getVariableValue(font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[rung.fontSize])),\n    paddingBlock: toPx(getVariableValue(tokens === null || tokens === void 0 ? void 0 : (_tokens_space = tokens.space) === null || _tokens_space === void 0 ? void 0 : _tokens_space[rung.paddingBlock]))\n  };\n  if (!Object.values(px).every(Number.isFinite)) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(`[tamagui] size \"${name}\" references a missing token (fontSize \"${rung.fontSize}\", controlFontSize \"${rung.controlFontSize}\", paddingBlock \"${rung.paddingBlock}\"); resolving to no styles`);\n    }\n    return void 0;\n  }\n  return {\n    name,\n    ...keys,\n    height: px.lineHeight + px.paddingBlock * 2,\n    icon: Math.ceil(px.fontSize / 4) * 4,\n    square: Math.round(px.control * 1.4)\n  };\n}\nexport {\n  defaultSizing,\n  resolveSizing\n};\n//# sourceMappingURL=resolveSizing.js.map\n"],"mappings":"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"}

package/dist/esm/helpers/styledDynamic.mjs

@@ -1,5 +1,6 @@
 import { getSetting } from "../config.mjs";
 import { getVariableValue } from "../createVariable.mjs";
+import { defaultSizing } from "./resolveSizing.mjs";
 import { styledDynamicSymbol } from "../types.mjs";
 
 const fontLanguageCache = /* @__PURE__ */ new WeakMap();
@@ -115,6 +116,10 @@ function getDynamicEnv(styleState) {
 		fonts,
 		tokens: conf.tokensParsed,
 		theme,
+		sizing: {
+			...defaultSizing,
+			...conf.sizing
+		},
 		get fontFamily() {
 			return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"styledDynamic.js","names":[],"sources":["esm/helpers/styledDynamic.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { styledDynamicSymbol } from \"../types\";\nconst fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  const next = { ...fonts };\n  for (const name in language) {\n    const lang = language[name];\n    if (lang !== \"default\") next[name] = fonts[`${name}_${lang}`];\n  }\n  fontLanguageCache.set(language, next);\n  return next;\n}\nfunction isStyledDynamic(value) {\n  return !!value && (typeof value === \"function\" || typeof value === \"object\") && styledDynamicSymbol in value;\n}\nconst bareStyledDynamic = { [styledDynamicSymbol]: true };\nconst dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nconst dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nconst dynamicComputedNumberProbe = 712367821;\nconst dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  const target = function() {\n  };\n  let probe;\n  probe = new Proxy(target, {\n    apply: () => probe,\n    construct: () => probe,\n    get: (_target, key) => {\n      if (key === Symbol.toPrimitive) {\n        return (hint) => hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\n      }\n      if (key === Symbol.iterator) {\n        return function* () {\n          yield dynamicComputedProbe;\n        };\n      }\n      if (key === dynamicSpreadProbe) return true;\n      return probe;\n    },\n    getOwnPropertyDescriptor: (target2, key) => key === dynamicSpreadProbe ? { configurable: true, enumerable: true, value: true } : Reflect.getOwnPropertyDescriptor(target2, key),\n    ownKeys: (target2) => [...Reflect.ownKeys(target2), dynamicSpreadProbe]\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  const seen = /* @__PURE__ */ new WeakSet();\n  let spread = false;\n  let computed = false;\n  const visit = (current) => {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    let descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch {\n      return;\n    }\n    for (const key of Reflect.ownKeys(descriptors)) {\n      if (key === dynamicSpreadProbe) spread = true;\n      if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n        computed = true;\n      }\n      const nested = descriptors[key]?.value;\n      if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n        visit(nested);\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return { spread, computed };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    const probe = createDynamicShapeProbe();\n    const warn = console.warn;\n    let output;\n    try {\n      console.warn = () => {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    const violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    const reasons = [\n      violation.spread ? \"a spread from a dynamic input\" : \"\",\n      violation.computed ? \"a computed key from a dynamic input\" : \"\"\n    ].filter(Boolean);\n    console.warn(\n      `[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : \"\"} returned ${reasons.join(\" and \")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`\n    );\n  } catch {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  const cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  const { props, conf, context, theme } = styleState;\n  let fonts = conf.fontsParsed;\n  if (context?.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    get fontFamily() {\n      return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n    },\n    get font() {\n      const found = fonts[this.fontFamily];\n      if (found) return found;\n      const className = props.className;\n      if (typeof className === \"string\") {\n        const name = /(?:^|\\s)font_(\\S+)/.exec(className)?.[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}
+{"version":3,"file":"styledDynamic.js","names":[],"sources":["esm/helpers/styledDynamic.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { defaultSizing } from \"./resolveSizing\";\nimport { styledDynamicSymbol } from \"../types\";\nconst fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  const next = { ...fonts };\n  for (const name in language) {\n    const lang = language[name];\n    if (lang !== \"default\") next[name] = fonts[`${name}_${lang}`];\n  }\n  fontLanguageCache.set(language, next);\n  return next;\n}\nfunction isStyledDynamic(value) {\n  return !!value && (typeof value === \"function\" || typeof value === \"object\") && styledDynamicSymbol in value;\n}\nconst bareStyledDynamic = { [styledDynamicSymbol]: true };\nconst dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nconst dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nconst dynamicComputedNumberProbe = 712367821;\nconst dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  const target = function() {\n  };\n  let probe;\n  probe = new Proxy(target, {\n    apply: () => probe,\n    construct: () => probe,\n    get: (_target, key) => {\n      if (key === Symbol.toPrimitive) {\n        return (hint) => hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\n      }\n      if (key === Symbol.iterator) {\n        return function* () {\n          yield dynamicComputedProbe;\n        };\n      }\n      if (key === dynamicSpreadProbe) return true;\n      return probe;\n    },\n    getOwnPropertyDescriptor: (target2, key) => key === dynamicSpreadProbe ? { configurable: true, enumerable: true, value: true } : Reflect.getOwnPropertyDescriptor(target2, key),\n    ownKeys: (target2) => [...Reflect.ownKeys(target2), dynamicSpreadProbe]\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  const seen = /* @__PURE__ */ new WeakSet();\n  let spread = false;\n  let computed = false;\n  const visit = (current) => {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    let descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch {\n      return;\n    }\n    for (const key of Reflect.ownKeys(descriptors)) {\n      if (key === dynamicSpreadProbe) spread = true;\n      if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n        computed = true;\n      }\n      const nested = descriptors[key]?.value;\n      if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n        visit(nested);\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return { spread, computed };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    const probe = createDynamicShapeProbe();\n    const warn = console.warn;\n    let output;\n    try {\n      console.warn = () => {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    const violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    const reasons = [\n      violation.spread ? \"a spread from a dynamic input\" : \"\",\n      violation.computed ? \"a computed key from a dynamic input\" : \"\"\n    ].filter(Boolean);\n    console.warn(\n      `[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : \"\"} returned ${reasons.join(\" and \")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`\n    );\n  } catch {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  const cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  const { props, conf, context, theme } = styleState;\n  let fonts = conf.fontsParsed;\n  if (context?.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    sizing: { ...defaultSizing, ...conf.sizing },\n    get fontFamily() {\n      return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n    },\n    get font() {\n      const found = fonts[this.fontFamily];\n      if (found) return found;\n      const className = props.className;\n      if (typeof className === \"string\") {\n        const name = /(?:^|\\s)font_(\\S+)/.exec(className)?.[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { getSetting } from "../config.native.js";
 import { getVariableValue } from "../createVariable.native.js";
+import { defaultSizing } from "./resolveSizing.native.js";
 import { styledDynamicSymbol } from "../types.native.js";
 
 var fontLanguageCache = /* @__PURE__ */ new WeakMap();
@@ -143,6 +144,10 @@ function getDynamicEnv(styleState) {
 		fonts,
 		tokens: conf.tokensParsed,
 		theme,
+		sizing: {
+			...defaultSizing,
+			...conf.sizing
+		},
 		get fontFamily() {
 			return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"styledDynamic.native.js","names":[],"sources":["esm/helpers/styledDynamic.native.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { styledDynamicSymbol } from \"../types\";\nvar fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  var next = {\n    ...fonts\n  };\n  for (var name in language) {\n    var lang = language[name];\n    if (lang !== \"default\") next[name] = fonts[`${name}_${lang}`];\n  }\n  fontLanguageCache.set(language, next);\n  return next;\n}\nfunction isStyledDynamic(value) {\n  return !!value && (typeof value === \"function\" || typeof value === \"object\") && styledDynamicSymbol in value;\n}\nvar bareStyledDynamic = {\n  [styledDynamicSymbol]: true\n};\nvar dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nvar dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nvar dynamicComputedNumberProbe = 712367821;\nvar dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  var target = function target2() {\n  };\n  var probe;\n  probe = new Proxy(target, {\n    apply: function() {\n      return probe;\n    },\n    construct: function() {\n      return probe;\n    },\n    get: function(_target, key) {\n      if (key === Symbol.toPrimitive) {\n        return function(hint) {\n          return hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\n        };\n      }\n      if (key === Symbol.iterator) {\n        return function* () {\n          yield dynamicComputedProbe;\n        };\n      }\n      if (key === dynamicSpreadProbe) return true;\n      return probe;\n    },\n    getOwnPropertyDescriptor: function(target2, key) {\n      return key === dynamicSpreadProbe ? {\n        configurable: true,\n        enumerable: true,\n        value: true\n      } : Reflect.getOwnPropertyDescriptor(target2, key);\n    },\n    ownKeys: function(target2) {\n      return [\n        ...Reflect.ownKeys(target2),\n        dynamicSpreadProbe\n      ];\n    }\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  var seen = /* @__PURE__ */ new WeakSet();\n  var spread = false;\n  var computed = false;\n  var visit = function(current) {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    var descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch (e) {\n      return;\n    }\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = Reflect.ownKeys(descriptors)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var key = _step.value;\n        var _descriptors_key;\n        if (key === dynamicSpreadProbe) spread = true;\n        if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n          computed = true;\n        }\n        var nested = (_descriptors_key = descriptors[key]) === null || _descriptors_key === void 0 ? void 0 : _descriptors_key.value;\n        if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n          visit(nested);\n        }\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return {\n    spread,\n    computed\n  };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    var probe = createDynamicShapeProbe();\n    var warn = console.warn;\n    var output;\n    try {\n      console.warn = function() {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    var violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    var reasons = [\n      violation.spread ? \"a spread from a dynamic input\" : \"\",\n      violation.computed ? \"a computed key from a dynamic input\" : \"\"\n    ].filter(Boolean);\n    console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : \"\"} returned ${reasons.join(\" and \")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);\n  } catch (e) {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  var cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  var { props, conf, context, theme } = styleState;\n  var fonts = conf.fontsParsed;\n  if (context === null || context === void 0 ? void 0 : context.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  var next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    get fontFamily() {\n      return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n    },\n    get font() {\n      var found = fonts[this.fontFamily];\n      if (found) return found;\n      var className = props.className;\n      if (typeof className === \"string\") {\n        var _exec;\n        var name = (_exec = /(?:^|\\s)font_(\\S+)/.exec(className)) === null || _exec === void 0 ? void 0 : _exec[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}
+{"version":3,"file":"styledDynamic.native.js","names":[],"sources":["esm/helpers/styledDynamic.native.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { defaultSizing } from \"./resolveSizing\";\nimport { styledDynamicSymbol } from \"../types\";\nvar fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  var next = {\n    ...fonts\n  };\n  for (var name in language) {\n    var lang = language[name];\n    if (lang !== \"default\") next[name] = fonts[`${name}_${lang}`];\n  }\n  fontLanguageCache.set(language, next);\n  return next;\n}\nfunction isStyledDynamic(value) {\n  return !!value && (typeof value === \"function\" || typeof value === \"object\") && styledDynamicSymbol in value;\n}\nvar bareStyledDynamic = {\n  [styledDynamicSymbol]: true\n};\nvar dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nvar dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nvar dynamicComputedNumberProbe = 712367821;\nvar dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  var target = function target2() {\n  };\n  var probe;\n  probe = new Proxy(target, {\n    apply: function() {\n      return probe;\n    },\n    construct: function() {\n      return probe;\n    },\n    get: function(_target, key) {\n      if (key === Symbol.toPrimitive) {\n        return function(hint) {\n          return hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\n        };\n      }\n      if (key === Symbol.iterator) {\n        return function* () {\n          yield dynamicComputedProbe;\n        };\n      }\n      if (key === dynamicSpreadProbe) return true;\n      return probe;\n    },\n    getOwnPropertyDescriptor: function(target2, key) {\n      return key === dynamicSpreadProbe ? {\n        configurable: true,\n        enumerable: true,\n        value: true\n      } : Reflect.getOwnPropertyDescriptor(target2, key);\n    },\n    ownKeys: function(target2) {\n      return [\n        ...Reflect.ownKeys(target2),\n        dynamicSpreadProbe\n      ];\n    }\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  var seen = /* @__PURE__ */ new WeakSet();\n  var spread = false;\n  var computed = false;\n  var visit = function(current) {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    var descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch (e) {\n      return;\n    }\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = Reflect.ownKeys(descriptors)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var key = _step.value;\n        var _descriptors_key;\n        if (key === dynamicSpreadProbe) spread = true;\n        if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n          computed = true;\n        }\n        var nested = (_descriptors_key = descriptors[key]) === null || _descriptors_key === void 0 ? void 0 : _descriptors_key.value;\n        if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n          visit(nested);\n        }\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return {\n    spread,\n    computed\n  };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    var probe = createDynamicShapeProbe();\n    var warn = console.warn;\n    var output;\n    try {\n      console.warn = function() {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    var violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    var reasons = [\n      violation.spread ? \"a spread from a dynamic input\" : \"\",\n      violation.computed ? \"a computed key from a dynamic input\" : \"\"\n    ].filter(Boolean);\n    console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : \"\"} returned ${reasons.join(\" and \")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);\n  } catch (e) {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  var cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  var { props, conf, context, theme } = styleState;\n  var fonts = conf.fontsParsed;\n  if (context === null || context === void 0 ? void 0 : context.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  var next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    sizing: {\n      ...defaultSizing,\n      ...conf.sizing\n    },\n    get fontFamily() {\n      return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n    },\n    get font() {\n      var found = fonts[this.fontFamily];\n      if (found) return found;\n      var className = props.className;\n      if (typeof className === \"string\") {\n        var _exec;\n        var name = (_exec = /(?:^|\\s)font_(\\S+)/.exec(className)) === null || _exec === void 0 ? void 0 : _exec[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -21,6 +21,7 @@ import { splitStyleProps } from "./helpers/splitStyleProps.mjs";
 import { normalizeColor } from "./helpers/normalizeColor.mjs";
 import { normalizeStyle } from "./helpers/normalizeStyle.mjs";
 import { resolveTextMetrics } from "./helpers/nativeTextMetrics.mjs";
+import { defaultSizing, resolveSizing } from "./helpers/resolveSizing.mjs";
 import { containsThemeRef, themeRefKey } from "./helpers/themeRef.mjs";
 import { getStyleTags } from "./helpers/wrapStyleTags.mjs";
 import { createFont } from "./createFont.mjs";
@@ -64,4 +65,4 @@ import { ClientOnly, ClientOnlyContext, useClientValue, useDidFinishSSR, useIsCl
 import { useEvent, useGet } from "@tamagui/use-event";
 import { hooks, setupHooks } from "./setupHooks.mjs";
 
-export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };
+export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, defaultSizing, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveSizing, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };

package/dist/esm/index.mjs

@@ -21,6 +21,7 @@ import { splitStyleProps } from "./helpers/splitStyleProps.mjs";
 import { normalizeColor } from "./helpers/normalizeColor.mjs";
 import { normalizeStyle } from "./helpers/normalizeStyle.mjs";
 import { resolveTextMetrics } from "./helpers/nativeTextMetrics.mjs";
+import { defaultSizing, resolveSizing } from "./helpers/resolveSizing.mjs";
 import { containsThemeRef, themeRefKey } from "./helpers/themeRef.mjs";
 import { getStyleTags } from "./helpers/wrapStyleTags.mjs";
 import { createFont } from "./createFont.mjs";
@@ -64,4 +65,4 @@ import { ClientOnly, ClientOnlyContext, useClientValue, useDidFinishSSR, useIsCl
 import { useEvent, useGet } from "@tamagui/use-event";
 import { hooks, setupHooks } from "./setupHooks.mjs";
 
-export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };
+export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, defaultSizing, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveSizing, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };

package/dist/esm/index.native.js

@@ -21,6 +21,7 @@ import { splitStyleProps } from "./helpers/splitStyleProps.native.js";
 import { normalizeColor } from "./helpers/normalizeColor.native.js";
 import { normalizeStyle } from "./helpers/normalizeStyle.native.js";
 import { resolveTextMetrics } from "./helpers/nativeTextMetrics.native.js";
+import { defaultSizing, resolveSizing } from "./helpers/resolveSizing.native.js";
 import { containsThemeRef, themeRefKey } from "./helpers/themeRef.native.js";
 import { getStyleTags } from "./helpers/wrapStyleTags.native.js";
 import { createFont } from "./createFont.native.js";
@@ -64,4 +65,4 @@ import { ClientOnly, ClientOnlyContext, useClientValue, useDidFinishSSR, useIsCl
 import { useEvent, useGet } from "@tamagui/use-event";
 import { hooks, setupHooks } from "./setupHooks.native.js";
 
-export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };
+export { ClientOnly, ClientOnlyContext, ComponentContext, Configuration, FontLanguage, GroupContext, Slot, Slottable, StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue, Tamagui, TamaguiProvider, TamaguiRoot, Text, Theme, ThemeProvider, View, _disableMediaTouch, _mediaListenerStats, _withNativeStyle, _withStableStyle, autoVariables, clamp, composeEventHandlers, composeRefs, configureMedia, containsThemeRef, createCSSVariable, createChangeEventDetails, createComponent, createFont, createRefComponent, createShorthands, createStyledContext, createStyledHOC, createTamagui, createTokens, createVariable, cssShorthandLonghands, currentPlatform, defaultSizing, fluid, forceUpdateThemes, formatDiagnostic, getAutoVariableCSS, getCSSStylesAtomic, getConfig, getExpandedShorthand, getMedia, getMutatedAutoVariableCSS, getNativeStyleEngine, getPlatformDriver, getSetting, getSplitStyles, getStyleCompat, getStyleStaticConfig, getStyleTags, getThemeClassNames, getThemeProviderChainSizes, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableValue, hooks, html, insertFont, insertStyleRules, installTamaguiConfig, isAndroid, isBrowser, isChrome, isClient, isEqualShallow, isIos, isNativeDesktop, isServer, isTV, isTamaguiComponent, isTamaguiElement, isTouchable, isValidStyleKey, isVariable, isWeb, isWebTouchable, loadAnimationDriver, matchMedia, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, mergeIfNotShallowEqual, mergeProps, mergeSlotStyleProps, mutatedAutoVariables, nonAnimatableStyleProps, nonAnimatableWebTextProps, nonAnimatableWebViewProps, normalizeColor, normalizeStyle, px, removeNativeStyleScope, reservedThemeProps, resolveSizing, resolveTextMetrics, resolveThemeName, setConfig, setMediaState, setNativeStyleEngine, setNativeStyleEngineFlushListener, setNonce, setRef, setupDev, setupHooks, setupMatchMedia, setupPlatformDriver, shouldRenderNativePlatform, simpleHash, splitStyleProps, style, stylePieceSymbol, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, styled, supportsDynamicColorIOS, textStaticConfig, themeRefKey, tokenCategories, updateConfig, updateFont, updateMediaListeners, updateNativeStyleScope, useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimationDriver, useClientValue, useComposedRefs, useConfiguration, useCreateShallowSetState, useDidFinishSSR, useEvent, useGet, useIsClientOnly, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, usePortalThemeState, useStyle, useTheme, useThemeName, validStyles, variableToString, viewStaticConfig, webOnlyStylePropsText, webOnlyStylePropsView, withStaticProperties };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "3.0.0-beta.1352.1",
+  "version": "3.0.0-beta.1358.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -100,23 +100,23 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/animation-helpers": "3.0.0-beta.1352.1",
-    "@tamagui/compose-refs": "3.0.0-beta.1352.1",
-    "@tamagui/constants": "3.0.0-beta.1352.1",
-    "@tamagui/dom": "3.0.0-beta.1352.1",
-    "@tamagui/helpers": "3.0.0-beta.1352.1",
-    "@tamagui/is-equal-shallow": "3.0.0-beta.1352.1",
-    "@tamagui/native": "3.0.0-beta.1352.1",
-    "@tamagui/normalize-css-color": "3.0.0-beta.1352.1",
-    "@tamagui/react-native-types": "3.0.0-beta.1352.1",
-    "@tamagui/style-grammar": "3.0.0-beta.1352.1",
-    "@tamagui/types": "3.0.0-beta.1352.1",
-    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1352.1",
-    "@tamagui/use-event": "3.0.0-beta.1352.1",
-    "@tamagui/use-force-update": "3.0.0-beta.1352.1"
+    "@tamagui/animation-helpers": "3.0.0-beta.1358.1",
+    "@tamagui/compose-refs": "3.0.0-beta.1358.1",
+    "@tamagui/constants": "3.0.0-beta.1358.1",
+    "@tamagui/dom": "3.0.0-beta.1358.1",
+    "@tamagui/helpers": "3.0.0-beta.1358.1",
+    "@tamagui/is-equal-shallow": "3.0.0-beta.1358.1",
+    "@tamagui/native": "3.0.0-beta.1358.1",
+    "@tamagui/normalize-css-color": "3.0.0-beta.1358.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1358.1",
+    "@tamagui/style-grammar": "3.0.0-beta.1358.1",
+    "@tamagui/types": "3.0.0-beta.1358.1",
+    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1358.1",
+    "@tamagui/use-event": "3.0.0-beta.1358.1",
+    "@tamagui/use-force-update": "3.0.0-beta.1358.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1352.1",
+    "@tamagui/build": "3.0.0-beta.1358.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "19.2.3",

package/src/createTamagui.ts

@@ -3,6 +3,7 @@ import type { DeepVariableObject } from './createVariables'
 import { createVariables } from './createVariables'
 import { defaultAnimationDriver } from './helpers/defaultAnimationDriver'
 import { resolveAnimationDriver } from './helpers/resolveAnimationDriver'
+import { defaultSizing } from './helpers/resolveSizing'
 import {
   buildCSSRuleSets,
   createFontCSS,
@@ -288,6 +289,7 @@ export function createTamagui<Conf extends CreateTamaguiProps>(
     animations: resolvedDriver ?? defaultAnimationDriver,
     animationDrivers,
     settings: settingsIn,
+    sizing: { ...defaultSizing, ...configIn.sizing },
     tokens: tokens as any,
     // vite made this into a function if it wasn't set
     shorthands,

package/src/helpers/resolveSizing.ts

@@ -0,0 +1,167 @@
+import { getConfig } from '../config'
+import { getVariableValue } from '../createVariable'
+import type {
+  ComponentSize,
+  Font,
+  GenericSizing,
+  SizeRecipe,
+  TamaguiConfig,
+  TokensParsed,
+} from '../types'
+
+/** the env slice resolveSizing reads: a styled.dynamic env or hand-built */
+export type SizingEnv = {
+  sizing: GenericSizing
+  fonts: TamaguiConfig['fonts']
+  tokens: TokensParsed
+  font?: Font
+}
+
+/**
+ * the default control ladder, transcribed from the Button frame/text tables
+ * so the derived px are identical by construction. v6 re-exports this;
+ * resolveSizing falls back to it when a config carries no `sizing`.
+ */
+export const defaultSizing = {
+  default: 'md',
+  sizes: {
+    xs: {
+      fontSize: 'xs',
+      controlFontSize: 'xs',
+      paddingInline: '2',
+      paddingBlock: '1',
+      gap: '1',
+      radius: 'sm',
+    },
+    sm: {
+      fontSize: 'sm',
+      controlFontSize: 'sm',
+      paddingInline: '3',
+      paddingBlock: '1.5',
+      gap: '1.5',
+      radius: 'md',
+    },
+    md: {
+      fontSize: 'sm',
+      controlFontSize: 'base',
+      paddingInline: '4',
+      paddingBlock: '2',
+      gap: '2',
+      radius: 'md',
+    },
+    lg: {
+      fontSize: 'base',
+      controlFontSize: 'lg',
+      paddingInline: '6',
+      paddingBlock: '2',
+      gap: '2',
+      radius: 'md',
+    },
+    xl: {
+      fontSize: 'lg',
+      controlFontSize: 'xl',
+      paddingInline: '8',
+      paddingBlock: '2.5',
+      gap: '2.5',
+      radius: 'lg',
+    },
+  },
+} as const satisfies GenericSizing
+
+/** a rung resolved: token keys stay keys, geometry is px */
+export type ResolvedSizing = {
+  /** the rung that rendered (degrades to the default in production) */
+  name: string
+  fontSize: string
+  lineHeight: string
+  paddingInline: string
+  paddingBlock: string
+  gap: string
+  radius: string
+  /** text line box plus vertical padding, before any border */
+  height: number
+  /** icon px for the rung */
+  icon: number
+  /** the square controls: checkbox box, radio circle, switch track height */
+  square: number
+}
+
+const toPx = (value: unknown): number =>
+  typeof value === 'number' ? value : Number.parseFloat(value as string)
+
+/**
+ * a size name -> its rung resolved to pixels, against the sizing in `env`.
+ * `true`/absent resolve to the default rung, `false` to no styles. Without
+ * an env (plain render code, no styled.dynamic callback) it reads the active
+ * config and default font: a sync global read, not a subscription, so static
+ * sizes never re-render on media or theme changes. Unknown names resolve to
+ * no styles, exactly like a miss in the old static tables: numeric sizes and
+ * cascaded values pass through variants that do not know them, and must never
+ * throw. A rung pointing at missing tokens is a broken config: it warns in
+ * development and resolves to no styles.
+ */
+export function resolveSizing(size: false, env?: SizingEnv): undefined
+export function resolveSizing(
+  size: ComponentSize | true | undefined,
+  env?: SizingEnv
+): ResolvedSizing
+export function resolveSizing(
+  size: ComponentSize | boolean | undefined,
+  env?: SizingEnv
+): ResolvedSizing | undefined
+export function resolveSizing(
+  size: ComponentSize | boolean | undefined,
+  env?: SizingEnv
+): ResolvedSizing | undefined {
+  if (size === false) return undefined
+  const conf = env?.fonts && env?.tokens ? undefined : getConfig()
+  const sizing = { ...defaultSizing, ...(env?.sizing ?? conf?.sizing) }
+  const name = size === true || size == null ? sizing.default : size
+  const rung: SizeRecipe | undefined = sizing.sizes[name]
+  if (!rung) return undefined
+
+  const keys = {
+    fontSize: rung.fontSize,
+    lineHeight: rung.fontSize,
+    paddingInline: rung.paddingInline,
+    paddingBlock: rung.paddingBlock,
+    gap: rung.gap,
+    radius: rung.radius,
+  }
+  // an explicit rung geometry wins over derivation (v5 pins its heights)
+  if (rung.px) {
+    return {
+      name,
+      ...keys,
+      height: rung.px.height,
+      icon: rung.px.icon,
+      square: rung.px.square,
+    }
+  }
+
+  const fonts = env?.fonts ?? conf?.fontsParsed
+  const tokens = env?.tokens ?? conf?.tokensParsed
+  const font = env?.font ?? fonts?.[conf?.defaultFontToken ?? 'body']
+  const px = {
+    fontSize: toPx(getVariableValue(font?.size?.[rung.fontSize])),
+    control: toPx(getVariableValue(font?.size?.[rung.controlFontSize])),
+    lineHeight: toPx(getVariableValue(font?.lineHeight?.[rung.fontSize])),
+    paddingBlock: toPx(getVariableValue(tokens?.space?.[rung.paddingBlock])),
+  }
+  if (!Object.values(px).every(Number.isFinite)) {
+    if (process.env.NODE_ENV === 'development') {
+      console.warn(
+        `[tamagui] size "${name}" references a missing token (fontSize "${rung.fontSize}", controlFontSize "${rung.controlFontSize}", paddingBlock "${rung.paddingBlock}"); resolving to no styles`
+      )
+    }
+    return undefined
+  }
+
+  return {
+    name,
+    ...keys,
+    height: px.lineHeight + px.paddingBlock * 2,
+    icon: Math.ceil(px.fontSize / 4) * 4,
+    square: Math.round(px.control * 1.4),
+  }
+}

package/src/helpers/styledDynamic.ts

@@ -1,5 +1,6 @@
 import { getSetting } from '../config'
 import { getVariableValue } from '../createVariable'
+import { defaultSizing } from './resolveSizing'
 import type {
   GenericFonts,
   GetStyleState,
@@ -151,7 +152,7 @@ export function styledDynamic(fn?: any) {
 
 /**
  * the env for `styled.dynamic` callbacks and `.resolve` resolvers: tokens,
- * theme, fonts, and the active font. Built once per style pass.
+ * theme, fonts, sizing, and the active font. Built once per style pass.
  */
 export function getDynamicEnv(styleState: GetStyleState): StyledDynamicEnv {
   const cached = (styleState as any).flatDynamicEnv
@@ -167,6 +168,7 @@ export function getDynamicEnv(styleState: GetStyleState): StyledDynamicEnv {
     fonts,
     tokens: conf.tokensParsed,
     theme,
+    sizing: { ...defaultSizing, ...conf.sizing },
     get fontFamily() {
       return (
         getVariableValue(styleState.fontFamily || props.fontFamily) ||

package/src/index.ts

@@ -51,6 +51,12 @@ export {
 export { normalizeColor } from './helpers/normalizeColor'
 export { normalizeStyle } from './helpers/normalizeStyle'
 export { resolveTextMetrics } from './helpers/nativeTextMetrics'
+export {
+  defaultSizing,
+  resolveSizing,
+  type ResolvedSizing,
+  type SizingEnv,
+} from './helpers/resolveSizing'
 export { containsThemeRef, themeRefKey } from './helpers/themeRef'
 export { getStyleTags } from './helpers/wrapStyleTags'
 
@@ -96,6 +102,7 @@ export type {
   Color,
   ColorScheme,
   ColorTokens,
+  ComponentSize,
   CreateTamaguiConfig,
   CreateTamaguiProps,
   DebugProp,
@@ -117,6 +124,7 @@ export type {
   FontWeightTokens,
   Fonts,
   GenericFont,
+  GenericSizing,
   GenericStackVariants,
   GenericTamaguiConfig,
   GenericTextVariants,
@@ -157,6 +165,7 @@ export type {
   Shorthands,
   Size,
   SizeKeys,
+  SizeRecipe,
   SizeTokens,
   Space,
   SpaceTokens,