@tamagui/size 0.0.0-bootstrap.0 → 3.0.0-beta.1097.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Nate Wienert
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/index.cjs

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+	SizeContext: () => SizeContext,
+	createSizeContext: () => createSizeContext,
+	oneSizeSmaller: () => oneSizeSmaller,
+	resolveSize: () => resolveSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+const createSizeContext = (defaultSize) => {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+const SizeContext = createSizeContext();
+const configEnv = () => {
+	const conf = (0, import_web.getConfig)();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+let warnedNoDefault = false;
+const px = (value) => {
+	const n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+const resolveSize = (value, env = configEnv()) => {
+	const { tokens, font: fontIn, fonts, sizes } = env;
+	let key;
+	if (value === true || value == null) {
+		key = sizes?.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes?.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	let spec = key === "default" ? void 0 : sizes?.[key];
+	for (let attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? sizes?.default || "4" : "4";
+		spec = key === "default" ? void 0 : sizes?.[key];
+	}
+	if (spec && typeof spec === "object") {
+		const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
+		const fontSize2 = font2?.size[spec.fontSize] ?? 0;
+		const lineHeight = font2?.lineHeight?.[spec.fontSize];
+		const paddingVertical = tokens.space[spec.paddingY];
+		const fontPx = px(fontSize2);
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[spec.gap ?? spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize: fontSize2,
+				lineHeight
+			},
+			icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	const size = tokens.size[key];
+	const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
+	const fontSize = font?.size[key];
+	const sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize ?? sizePx,
+			lineHeight: font?.lineHeight?.[key]
+		},
+		icon: px(fontSize ?? sizePx),
+		controlHeight: sizePx
+	};
+};
+const oneSizeSmaller = (value, sizes) => {
+	const key = value === true || value == null ? sizes?.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	const names = Object.keys(sizes ?? {}).filter((name) => name !== "default");
+	const index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	const n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};

package/dist/cjs/index.native.cjs

@@ -0,0 +1,143 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+	SizeContext: () => SizeContext,
+	createSizeContext: () => createSizeContext,
+	oneSizeSmaller: () => oneSizeSmaller,
+	resolveSize: () => resolveSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+var createSizeContext = function(defaultSize) {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+var SizeContext = createSizeContext();
+var configEnv = function() {
+	var conf = (0, import_web.getConfig)();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+var warnedNoDefault = false;
+var px = function(value) {
+	var n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+var resolveSize = function(value) {
+	var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();
+	var _fonts_body, _font_lineHeight;
+	var { tokens, font: fontIn, fonts, sizes } = env;
+	var key;
+	if (value === true || value == null) {
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	var spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	for (var attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || "4" : "4";
+		spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	}
+	if (spec && typeof spec === "object") {
+		var _font_lineHeight1;
+		var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+		var _font_size_spec_fontSize;
+		var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;
+		var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];
+		var paddingVertical = tokens.space[spec.paddingY];
+		var fontPx = px(fontSize);
+		var _spec_gap, _spec_icon;
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize,
+				lineHeight
+			},
+			icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	var size = tokens.size[key];
+	var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+	var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
+	var sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
+			lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]
+		},
+		icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),
+		controlHeight: sizePx
+	};
+};
+var oneSizeSmaller = function(value, sizes) {
+	var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {
+		return name !== "default";
+	});
+	var index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	var n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};

package/dist/cjs/index.native.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+	SizeContext: () => SizeContext,
+	createSizeContext: () => createSizeContext,
+	oneSizeSmaller: () => oneSizeSmaller,
+	resolveSize: () => resolveSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+var createSizeContext = function(defaultSize) {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+var SizeContext = createSizeContext();
+var configEnv = function() {
+	var conf = (0, import_web.getConfig)();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+var warnedNoDefault = false;
+var px = function(value) {
+	var n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+var resolveSize = function(value) {
+	var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();
+	var _fonts_body, _font_lineHeight;
+	var { tokens, font: fontIn, fonts, sizes } = env;
+	var key;
+	if (value === true || value == null) {
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	var spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	for (var attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || "4" : "4";
+		spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	}
+	if (spec && typeof spec === "object") {
+		var _font_lineHeight1;
+		var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+		var _font_size_spec_fontSize;
+		var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;
+		var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];
+		var paddingVertical = tokens.space[spec.paddingY];
+		var fontPx = px(fontSize);
+		var _spec_gap, _spec_icon;
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize,
+				lineHeight
+			},
+			icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	var size = tokens.size[key];
+	var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+	var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
+	var sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
+			lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]
+		},
+		icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),
+		controlHeight: sizePx
+	};
+};
+var oneSizeSmaller = function(value, sizes) {
+	var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {
+		return name !== "default";
+	});
+	var index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	var n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};
+
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.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 index_exports = {};\n__export(index_exports, {\n  SizeContext: () => SizeContext,\n  createSizeContext: () => createSizeContext,\n  oneSizeSmaller: () => oneSizeSmaller,\n  resolveSize: () => resolveSize\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_web = require(\"@tamagui/web\");\nvar createSizeContext = function(defaultSize) {\n  return (0, import_web.createStyledContext)({\n    size: defaultSize\n  });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n  var conf = (0, import_web.getConfig)();\n  return {\n    tokens: conf.tokensParsed,\n    font: conf.fontsParsed[conf.defaultFontToken],\n    fonts: conf.fontsParsed,\n    sizes: conf.sizes\n  };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n  var n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));\n  return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n  var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n  var _fonts_body, _font_lineHeight;\n  var { tokens, font: fontIn, fonts, sizes } = env;\n  var key;\n  if (value === true || value == null) {\n    key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n  } else if (typeof value === \"number\") {\n    if (process.env.NODE_ENV === \"development\") {\n      console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n        return k !== \"default\";\n      }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n    }\n    key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n  } else {\n    key = String(value);\n    if (key[0] === \"$\") key = key.slice(1);\n  }\n  if (key == null) {\n    if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n      warnedNoDefault = true;\n      console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n    }\n    key = \"4\";\n  }\n  var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n  for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n    if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n      console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n        return k !== \"default\";\n      }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n    }\n    key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n    spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n  }\n  if (spec && typeof spec === \"object\") {\n    var _font_lineHeight1;\n    var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n    var _font_size_spec_fontSize;\n    var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n    var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n    var paddingVertical = tokens.space[spec.paddingY];\n    var fontPx = px(fontSize);\n    var _spec_gap, _spec_icon;\n    return {\n      name: key,\n      fontSizeKey: spec.fontSize,\n      frame: {\n        paddingHorizontal: tokens.space[spec.paddingX],\n        paddingVertical,\n        gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n        borderRadius: tokens.radius[spec.radius]\n      },\n      text: {\n        fontSize,\n        lineHeight\n      },\n      icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n      controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n    };\n  }\n  var size = tokens.size[key];\n  var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n  var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n  var sizePx = px(size);\n  return {\n    name: key,\n    fontSizeKey: key,\n    frame: {\n      paddingHorizontal: tokens.space[key],\n      gap: Math.round(sizePx * 0.2),\n      borderRadius: tokens.radius[key],\n      minHeight: size\n    },\n    text: {\n      fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n      lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]\n    },\n    icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),\n    controlHeight: sizePx\n  };\n};\nvar oneSizeSmaller = function(value, sizes) {\n  var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n  if (key == null) return \"3\";\n  var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n    return name !== \"default\";\n  });\n  var index = names.indexOf(key);\n  if (index !== -1) return names[Math.max(0, index - 1)];\n  var n = Number(key);\n  if (Number.isNaN(n)) return key;\n  return `${Math.max(1, Math.round(n) - 1)}`;\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,106 @@
+import { createStyledContext, getConfig, getVariableValue } from "@tamagui/web";
+
+const createSizeContext = (defaultSize) => {
+	return createStyledContext({ size: defaultSize });
+};
+const SizeContext = createSizeContext();
+const configEnv = () => {
+	const conf = getConfig();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+let warnedNoDefault = false;
+const px = (value) => {
+	const n = Number.parseFloat(String(getVariableValue(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+const resolveSize = (value, env = configEnv()) => {
+	const { tokens, font: fontIn, fonts, sizes } = env;
+	let key;
+	if (value === true || value == null) {
+		key = sizes?.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes?.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	let spec = key === "default" ? void 0 : sizes?.[key];
+	for (let attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? sizes?.default || "4" : "4";
+		spec = key === "default" ? void 0 : sizes?.[key];
+	}
+	if (spec && typeof spec === "object") {
+		const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
+		const fontSize2 = font2?.size[spec.fontSize] ?? 0;
+		const lineHeight = font2?.lineHeight?.[spec.fontSize];
+		const paddingVertical = tokens.space[spec.paddingY];
+		const fontPx = px(fontSize2);
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[spec.gap ?? spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize: fontSize2,
+				lineHeight
+			},
+			icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	const size = tokens.size[key];
+	const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
+	const fontSize = font?.size[key];
+	const sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize ?? sizePx,
+			lineHeight: font?.lineHeight?.[key]
+		},
+		icon: px(fontSize ?? sizePx),
+		controlHeight: sizePx
+	};
+};
+const oneSizeSmaller = (value, sizes) => {
+	const key = value === true || value == null ? sizes?.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	const names = Object.keys(sizes ?? {}).filter((name) => name !== "default");
+	const index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	const n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};
+
+export { SizeContext, createSizeContext, oneSizeSmaller, resolveSize };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n  createStyledContext,\n  getConfig,\n  getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n  return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n  const conf = getConfig();\n  return {\n    tokens: conf.tokensParsed,\n    font: conf.fontsParsed[conf.defaultFontToken],\n    fonts: conf.fontsParsed,\n    sizes: conf.sizes\n  };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n  const n = Number.parseFloat(String(getVariableValue(value)));\n  return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n  const { tokens, font: fontIn, fonts, sizes } = env;\n  let key;\n  if (value === true || value == null) {\n    key = sizes?.default;\n  } else if (typeof value === \"number\") {\n    if (process.env.NODE_ENV === \"development\") {\n      console.error(\n        `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n      );\n    }\n    key = sizes?.default;\n  } else {\n    key = String(value);\n    if (key[0] === \"$\") key = key.slice(1);\n  }\n  if (key == null) {\n    if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n      warnedNoDefault = true;\n      console.error(\n        `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n      );\n    }\n    key = \"4\";\n  }\n  let spec = key === \"default\" ? void 0 : sizes?.[key];\n  for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n    if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n      console.error(\n        `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n      );\n    }\n    key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n    spec = key === \"default\" ? void 0 : sizes?.[key];\n  }\n  if (spec && typeof spec === \"object\") {\n    const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n    const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n    const lineHeight = font2?.lineHeight?.[spec.fontSize];\n    const paddingVertical = tokens.space[spec.paddingY];\n    const fontPx = px(fontSize2);\n    return {\n      name: key,\n      fontSizeKey: spec.fontSize,\n      frame: {\n        paddingHorizontal: tokens.space[spec.paddingX],\n        paddingVertical,\n        gap: tokens.space[spec.gap ?? spec.paddingY],\n        borderRadius: tokens.radius[spec.radius]\n      },\n      text: { fontSize: fontSize2, lineHeight },\n      icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,\n      controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n    };\n  }\n  const size = tokens.size[key];\n  const font = fontIn?.size[key] != null ? fontIn : fonts?.body;\n  const fontSize = font?.size[key];\n  const sizePx = px(size);\n  return {\n    name: key,\n    fontSizeKey: key,\n    frame: {\n      paddingHorizontal: tokens.space[key],\n      gap: Math.round(sizePx * 0.2),\n      borderRadius: tokens.radius[key],\n      minHeight: size\n    },\n    text: { fontSize: fontSize ?? sizePx, lineHeight: font?.lineHeight?.[key] },\n    icon: px(fontSize ?? sizePx),\n    controlHeight: sizePx\n  };\n};\nconst oneSizeSmaller = (value, sizes) => {\n  const key = value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, \"\");\n  if (key == null) return \"3\";\n  const names = Object.keys(sizes ?? {}).filter((name) => name !== \"default\");\n  const index = names.indexOf(key);\n  if (index !== -1) return names[Math.max(0, index - 1)];\n  const n = Number(key);\n  if (Number.isNaN(n)) return key;\n  return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n  SizeContext,\n  createSizeContext,\n  oneSizeSmaller,\n  resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}

package/dist/esm/index.mjs

@@ -0,0 +1,106 @@
+import { createStyledContext, getConfig, getVariableValue } from "@tamagui/web";
+
+const createSizeContext = (defaultSize) => {
+	return createStyledContext({ size: defaultSize });
+};
+const SizeContext = createSizeContext();
+const configEnv = () => {
+	const conf = getConfig();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+let warnedNoDefault = false;
+const px = (value) => {
+	const n = Number.parseFloat(String(getVariableValue(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+const resolveSize = (value, env = configEnv()) => {
+	const { tokens, font: fontIn, fonts, sizes } = env;
+	let key;
+	if (value === true || value == null) {
+		key = sizes?.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes?.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	let spec = key === "default" ? void 0 : sizes?.[key];
+	for (let attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== "default").join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? sizes?.default || "4" : "4";
+		spec = key === "default" ? void 0 : sizes?.[key];
+	}
+	if (spec && typeof spec === "object") {
+		const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
+		const fontSize2 = font2?.size[spec.fontSize] ?? 0;
+		const lineHeight = font2?.lineHeight?.[spec.fontSize];
+		const paddingVertical = tokens.space[spec.paddingY];
+		const fontPx = px(fontSize2);
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[spec.gap ?? spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize: fontSize2,
+				lineHeight
+			},
+			icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	const size = tokens.size[key];
+	const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
+	const fontSize = font?.size[key];
+	const sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize ?? sizePx,
+			lineHeight: font?.lineHeight?.[key]
+		},
+		icon: px(fontSize ?? sizePx),
+		controlHeight: sizePx
+	};
+};
+const oneSizeSmaller = (value, sizes) => {
+	const key = value === true || value == null ? sizes?.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	const names = Object.keys(sizes ?? {}).filter((name) => name !== "default");
+	const index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	const n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};
+
+export { SizeContext, createSizeContext, oneSizeSmaller, resolveSize };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n  createStyledContext,\n  getConfig,\n  getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n  return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n  const conf = getConfig();\n  return {\n    tokens: conf.tokensParsed,\n    font: conf.fontsParsed[conf.defaultFontToken],\n    fonts: conf.fontsParsed,\n    sizes: conf.sizes\n  };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n  const n = Number.parseFloat(String(getVariableValue(value)));\n  return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n  const { tokens, font: fontIn, fonts, sizes } = env;\n  let key;\n  if (value === true || value == null) {\n    key = sizes?.default;\n  } else if (typeof value === \"number\") {\n    if (process.env.NODE_ENV === \"development\") {\n      console.error(\n        `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n      );\n    }\n    key = sizes?.default;\n  } else {\n    key = String(value);\n    if (key[0] === \"$\") key = key.slice(1);\n  }\n  if (key == null) {\n    if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n      warnedNoDefault = true;\n      console.error(\n        `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n      );\n    }\n    key = \"4\";\n  }\n  let spec = key === \"default\" ? void 0 : sizes?.[key];\n  for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n    if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n      console.error(\n        `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n      );\n    }\n    key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n    spec = key === \"default\" ? void 0 : sizes?.[key];\n  }\n  if (spec && typeof spec === \"object\") {\n    const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n    const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n    const lineHeight = font2?.lineHeight?.[spec.fontSize];\n    const paddingVertical = tokens.space[spec.paddingY];\n    const fontPx = px(fontSize2);\n    return {\n      name: key,\n      fontSizeKey: spec.fontSize,\n      frame: {\n        paddingHorizontal: tokens.space[spec.paddingX],\n        paddingVertical,\n        gap: tokens.space[spec.gap ?? spec.paddingY],\n        borderRadius: tokens.radius[spec.radius]\n      },\n      text: { fontSize: fontSize2, lineHeight },\n      icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,\n      controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n    };\n  }\n  const size = tokens.size[key];\n  const font = fontIn?.size[key] != null ? fontIn : fonts?.body;\n  const fontSize = font?.size[key];\n  const sizePx = px(size);\n  return {\n    name: key,\n    fontSizeKey: key,\n    frame: {\n      paddingHorizontal: tokens.space[key],\n      gap: Math.round(sizePx * 0.2),\n      borderRadius: tokens.radius[key],\n      minHeight: size\n    },\n    text: { fontSize: fontSize ?? sizePx, lineHeight: font?.lineHeight?.[key] },\n    icon: px(fontSize ?? sizePx),\n    controlHeight: sizePx\n  };\n};\nconst oneSizeSmaller = (value, sizes) => {\n  const key = value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, \"\");\n  if (key == null) return \"3\";\n  const names = Object.keys(sizes ?? {}).filter((name) => name !== \"default\");\n  const index = names.indexOf(key);\n  if (index !== -1) return names[Math.max(0, index - 1)];\n  const n = Number(key);\n  if (Number.isNaN(n)) return key;\n  return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n  SizeContext,\n  createSizeContext,\n  oneSizeSmaller,\n  resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}

package/dist/esm/index.native.js

@@ -0,0 +1,117 @@
+import { createStyledContext, getConfig, getVariableValue } from "@tamagui/web";
+
+var createSizeContext = function(defaultSize) {
+	return createStyledContext({ size: defaultSize });
+};
+var SizeContext = createSizeContext();
+var configEnv = function() {
+	var conf = getConfig();
+	return {
+		tokens: conf.tokensParsed,
+		font: conf.fontsParsed[conf.defaultFontToken],
+		fonts: conf.fontsParsed,
+		sizes: conf.sizes
+	};
+};
+var warnedNoDefault = false;
+var px = function(value) {
+	var n = Number.parseFloat(String(getVariableValue(value)));
+	return Number.isFinite(n) ? n : 0;
+};
+var resolveSize = function(value) {
+	var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();
+	var _fonts_body, _font_lineHeight;
+	var { tokens, font: fontIn, fonts, sizes } = env;
+	var key;
+	if (value === true || value == null) {
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else if (typeof value === "number") {
+		if (process.env.NODE_ENV === "development") {
+			console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) or a token key. Falling back to the default.`);
+		}
+		key = sizes === null || sizes === void 0 ? void 0 : sizes.default;
+	} else {
+		key = String(value);
+		if (key[0] === "$") key = key.slice(1);
+	}
+	if (key == null) {
+		if (process.env.NODE_ENV === "development" && !warnedNoDefault) {
+			warnedNoDefault = true;
+			console.error(`No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`);
+		}
+		key = "4";
+	}
+	var spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	for (var attempt = 0; attempt < 2 && !(spec && typeof spec === "object") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {
+		if (process.env.NODE_ENV === "development" && attempt === 0) {
+			console.error(`Unknown size "${key}": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {
+				return k !== "default";
+			}).join(", ") || "none configured"}) and not a token key. Falling back to the default.`);
+		}
+		key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || "4" : "4";
+		spec = key === "default" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];
+	}
+	if (spec && typeof spec === "object") {
+		var _font_lineHeight1;
+		var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+		var _font_size_spec_fontSize;
+		var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;
+		var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];
+		var paddingVertical = tokens.space[spec.paddingY];
+		var fontPx = px(fontSize);
+		var _spec_gap, _spec_icon;
+		return {
+			name: key,
+			fontSizeKey: spec.fontSize,
+			frame: {
+				paddingHorizontal: tokens.space[spec.paddingX],
+				paddingVertical,
+				gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],
+				borderRadius: tokens.radius[spec.radius]
+			},
+			text: {
+				fontSize,
+				lineHeight
+			},
+			icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,
+			controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2
+		};
+	}
+	var size = tokens.size[key];
+	var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
+	var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
+	var sizePx = px(size);
+	return {
+		name: key,
+		fontSizeKey: key,
+		frame: {
+			paddingHorizontal: tokens.space[key],
+			gap: Math.round(sizePx * .2),
+			borderRadius: tokens.radius[key],
+			minHeight: size
+		},
+		text: {
+			fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
+			lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]
+		},
+		icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),
+		controlHeight: sizePx
+	};
+};
+var oneSizeSmaller = function(value, sizes) {
+	var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\$/, "");
+	if (key == null) return "3";
+	var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {
+		return name !== "default";
+	});
+	var index = names.indexOf(key);
+	if (index !== -1) return names[Math.max(0, index - 1)];
+	var n = Number(key);
+	if (Number.isNaN(n)) return key;
+	return `${Math.max(1, Math.round(n) - 1)}`;
+};
+
+export { SizeContext, createSizeContext, oneSizeSmaller, resolveSize };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { createStyledContext, getConfig, getVariableValue } from \"@tamagui/web\";\nvar createSizeContext = function(defaultSize) {\n  return createStyledContext({\n    size: defaultSize\n  });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n  var conf = getConfig();\n  return {\n    tokens: conf.tokensParsed,\n    font: conf.fontsParsed[conf.defaultFontToken],\n    fonts: conf.fontsParsed,\n    sizes: conf.sizes\n  };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n  var n = Number.parseFloat(String(getVariableValue(value)));\n  return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n  var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n  var _fonts_body, _font_lineHeight;\n  var { tokens, font: fontIn, fonts, sizes } = env;\n  var key;\n  if (value === true || value == null) {\n    key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n  } else if (typeof value === \"number\") {\n    if (process.env.NODE_ENV === \"development\") {\n      console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n        return k !== \"default\";\n      }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n    }\n    key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n  } else {\n    key = String(value);\n    if (key[0] === \"$\") key = key.slice(1);\n  }\n  if (key == null) {\n    if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n      warnedNoDefault = true;\n      console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n    }\n    key = \"4\";\n  }\n  var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n  for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n    if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n      console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n        return k !== \"default\";\n      }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n    }\n    key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n    spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n  }\n  if (spec && typeof spec === \"object\") {\n    var _font_lineHeight1;\n    var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n    var _font_size_spec_fontSize;\n    var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n    var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n    var paddingVertical = tokens.space[spec.paddingY];\n    var fontPx = px(fontSize);\n    var _spec_gap, _spec_icon;\n    return {\n      name: key,\n      fontSizeKey: spec.fontSize,\n      frame: {\n        paddingHorizontal: tokens.space[spec.paddingX],\n        paddingVertical,\n        gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n        borderRadius: tokens.radius[spec.radius]\n      },\n      text: {\n        fontSize,\n        lineHeight\n      },\n      icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n      controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n    };\n  }\n  var size = tokens.size[key];\n  var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n  var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n  var sizePx = px(size);\n  return {\n    name: key,\n    fontSizeKey: key,\n    frame: {\n      paddingHorizontal: tokens.space[key],\n      gap: Math.round(sizePx * 0.2),\n      borderRadius: tokens.radius[key],\n      minHeight: size\n    },\n    text: {\n      fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n      lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]\n    },\n    icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),\n    controlHeight: sizePx\n  };\n};\nvar oneSizeSmaller = function(value, sizes) {\n  var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n  if (key == null) return \"3\";\n  var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n    return name !== \"default\";\n  });\n  var index = names.indexOf(key);\n  if (index !== -1) return names[Math.max(0, index - 1)];\n  var n = Number(key);\n  if (Number.isNaN(n)) return key;\n  return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n  SizeContext,\n  createSizeContext,\n  oneSizeSmaller,\n  resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,13 +1,55 @@
 {
   "name": "@tamagui/size",
-  "version": "0.0.0-bootstrap.0",
-  "description": "Tamagui v3 package bootstrap",
-  "repository": "https://github.com/tamagui/tamagui",
+  "version": "3.0.0-beta.1097.1",
+  "description": "Component-agnostic size context and skin table helpers",
   "license": "MIT",
+  "source": "src/index.ts",
   "files": [
-    "README.md"
+    "src",
+    "types",
+    "dist"
   ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build",
+    "test": "vitest --run tests/index.test.ts"
+  },
+  "dependencies": {
+    "@tamagui/web": "3.0.0-beta.1097.1"
+  },
+  "devDependencies": {
+    "@tamagui/build": "3.0.0-beta.1097.1",
+    "react": "19.2.3",
+    "vitest": "4.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tamagui/tamagui.git",
+    "directory": "code/core/size"
   }
 }

package/src/index.ts

@@ -0,0 +1,216 @@
+import {
+  createStyledContext,
+  getConfig,
+  getVariableValue,
+  type FontSizeTokens,
+  type GenericFont,
+  type GenericSizes,
+  type SizeSpec,
+  type SizeTokens,
+  type StyledContext,
+  type TokensParsed,
+  type Variable,
+} from '@tamagui/web'
+
+export type { GenericSizes, SizeSpec }
+
+export type TokenSize = SizeTokens | FontSizeTokens | number | true
+
+export type SizeContextValue<Value extends TokenSize = TokenSize> = {
+  size: Value | undefined
+}
+
+export type CreatedSizeContext<Value extends TokenSize = TokenSize> = StyledContext<
+  SizeContextValue<Value>,
+  'size'
+>
+
+export const createSizeContext = <Value extends TokenSize = TokenSize>(
+  defaultSize?: Value
+): CreatedSizeContext<Value> => {
+  return createStyledContext<SizeContextValue<Value>>({ size: defaultSize })
+}
+
+export const SizeContext: CreatedSizeContext = createSizeContext()
+
+export type SizeResolverEnv = {
+  tokens: Pick<TokensParsed, 'size' | 'space' | 'radius'>
+  /** the component's font; a key it lacks falls back to `fonts.body` */
+  font?: GenericFont
+  fonts?: { body?: GenericFont; [name: string]: GenericFont | undefined }
+  sizes?: GenericSizes
+}
+
+export type ResolvedSize = {
+  /** the named size, or the token key */
+  name: string
+  /** the font.size key the text was sized against */
+  fontSizeKey: string
+  /** spread onto the frame */
+  frame: {
+    paddingHorizontal: number | Variable
+    paddingVertical?: number | Variable
+    gap: number | Variable
+    borderRadius: number | Variable
+    /** token keys only: v2's "size is the control height" */
+    minHeight?: number | Variable
+  }
+  /** spread onto the text */
+  text: {
+    fontSize: number | Variable
+    lineHeight?: number | Variable
+  }
+  /** px: the recipe's icon, or the font size rounded up to the 4px grid; a token key's font size as is */
+  icon: number
+  /** px, without border: line-height plus vertical padding for a name, tokens.size for a key */
+  controlHeight: number
+}
+
+/** outside a style pass (icons, imperative measurements): the config's default font */
+const configEnv = (): SizeResolverEnv => {
+  const conf = getConfig()
+  return {
+    tokens: conf.tokensParsed,
+    font: conf.fontsParsed[conf.defaultFontToken],
+    fonts: conf.fontsParsed,
+    sizes: conf.sizes,
+  }
+}
+
+let warnedNoDefault = false
+
+const px = (value: unknown) => {
+  const n = Number.parseFloat(String(getVariableValue(value)))
+  return Number.isFinite(n) ? n : 0
+}
+
+/**
+ * A `size` prop is one of three things, checked in this order:
+ *
+ * - `true` (or nothing): the config's default named size
+ * - a name in `config.sizes`: a recipe of token keys, never a height
+ * - a token key like `4` or `$4`: v2's index into every scale at once
+ *
+ * A named size never sets a height. The control ends up line-height plus
+ * padding tall, so the frame, its text and its icon agree by construction.
+ * Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).
+ */
+export const resolveSize = (
+  value: TokenSize | null | undefined,
+  env: SizeResolverEnv = configEnv()
+): ResolvedSize => {
+  const { tokens, font: fontIn, fonts, sizes } = env
+  let key: string | undefined
+  if (value === true || value == null) {
+    key = sizes?.default
+  } else if (typeof value === 'number') {
+    if (process.env.NODE_ENV === 'development') {
+      console.error(
+        `size={${value}} is not a control size. Use a named size (${
+          Object.keys(sizes ?? {})
+            .filter((k) => k !== 'default')
+            .join(', ') || 'none configured'
+        }) or a token key. Falling back to the default.`
+      )
+    }
+    key = sizes?.default
+  } else {
+    key = String(value)
+    if (key[0] === '$') key = key.slice(1)
+  }
+
+  if (key == null) {
+    if (process.env.NODE_ENV === 'development' && !warnedNoDefault) {
+      warnedNoDefault = true
+      console.error(
+        `No default size: pass "sizes" to createTamagui (see @tamagui/config/v6 "sizes"). Falling back to token "4".`
+      )
+    }
+    key = '4'
+  }
+
+  let spec = key === 'default' ? undefined : sizes?.[key]
+  // Try the authored key, then the configured default, then token 4. Reuse
+  // one validity check and bound retries even when the default is invalid.
+  for (
+    let attempt = 0;
+    attempt < 2 &&
+    !(spec && typeof spec === 'object') &&
+    tokens.size[key] == null &&
+    fontIn?.size[key] == null &&
+    fonts?.body?.size[key] == null;
+    attempt++
+  ) {
+    if (process.env.NODE_ENV === 'development' && attempt === 0) {
+      console.error(
+        `Unknown size "${key}": not a named size (${
+          Object.keys(sizes ?? {})
+            .filter((k) => k !== 'default')
+            .join(', ') || 'none configured'
+        }) and not a token key. Falling back to the default.`
+      )
+    }
+    key = attempt === 0 ? sizes?.default || '4' : '4'
+    spec = key === 'default' ? undefined : sizes?.[key]
+  }
+
+  if (spec && typeof spec === 'object') {
+    const font = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body
+    const fontSize = font?.size[spec.fontSize] ?? 0
+    const lineHeight = font?.lineHeight?.[spec.fontSize]
+    const paddingVertical = tokens.space[spec.paddingY]
+    const fontPx = px(fontSize)
+    return {
+      name: key,
+      fontSizeKey: spec.fontSize,
+      frame: {
+        paddingHorizontal: tokens.space[spec.paddingX],
+        paddingVertical,
+        gap: tokens.space[spec.gap ?? spec.paddingY],
+        borderRadius: tokens.radius[spec.radius],
+      },
+      text: { fontSize, lineHeight },
+      icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,
+      controlHeight:
+        (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) +
+        px(paddingVertical) * 2,
+    }
+  }
+
+  const size = tokens.size[key]
+  const font = fontIn?.size[key] != null ? fontIn : fonts?.body
+  const fontSize = font?.size[key]
+  const sizePx = px(size)
+  return {
+    name: key,
+    fontSizeKey: key,
+    frame: {
+      paddingHorizontal: tokens.space[key],
+      gap: Math.round(sizePx * 0.2),
+      borderRadius: tokens.radius[key],
+      minHeight: size,
+    },
+    text: { fontSize: fontSize ?? sizePx, lineHeight: font?.lineHeight?.[key] },
+    icon: px(fontSize ?? sizePx),
+    controlHeight: sizePx,
+  }
+}
+
+/**
+ * One step smaller: the previous name in `sizes` (clamped at the smallest), or
+ * for a token key the previous whole number (clamped at 1).
+ */
+export const oneSizeSmaller = (
+  value: TokenSize | null | undefined,
+  sizes: GenericSizes | undefined
+): string => {
+  const key =
+    value === true || value == null ? sizes?.default : String(value).replace(/^\$/, '')
+  if (key == null) return '3'
+  const names = Object.keys(sizes ?? {}).filter((name) => name !== 'default')
+  const index = names.indexOf(key)
+  if (index !== -1) return names[Math.max(0, index - 1)]
+  const n = Number(key)
+  if (Number.isNaN(n)) return key
+  return `${Math.max(1, Math.round(n) - 1)}`
+}

package/types/index.d.ts

@@ -0,0 +1,62 @@
+import { type FontSizeTokens, type GenericFont, type GenericSizes, type SizeSpec, type SizeTokens, type StyledContext, type TokensParsed, type Variable } from "@tamagui/web";
+export type { GenericSizes, SizeSpec };
+export type TokenSize = SizeTokens | FontSizeTokens | number | true;
+export type SizeContextValue<Value extends TokenSize = TokenSize> = {
+	size: Value | undefined;
+};
+export type CreatedSizeContext<Value extends TokenSize = TokenSize> = StyledContext<SizeContextValue<Value>, "size">;
+export declare const createSizeContext: <Value extends TokenSize = TokenSize>(defaultSize?: Value) => CreatedSizeContext<Value>;
+export declare const SizeContext: CreatedSizeContext;
+export type SizeResolverEnv = {
+	tokens: Pick<TokensParsed, "size" | "space" | "radius">;
+	/** the component's font; a key it lacks falls back to `fonts.body` */
+	font?: GenericFont;
+	fonts?: {
+		body?: GenericFont;
+		[name: string]: GenericFont | undefined;
+	};
+	sizes?: GenericSizes;
+};
+export type ResolvedSize = {
+	/** the named size, or the token key */
+	name: string;
+	/** the font.size key the text was sized against */
+	fontSizeKey: string;
+	/** spread onto the frame */
+	frame: {
+		paddingHorizontal: number | Variable;
+		paddingVertical?: number | Variable;
+		gap: number | Variable;
+		borderRadius: number | Variable;
+		/** token keys only: v2's "size is the control height" */
+		minHeight?: number | Variable;
+	};
+	/** spread onto the text */
+	text: {
+		fontSize: number | Variable;
+		lineHeight?: number | Variable;
+	};
+	/** px: the recipe's icon, or the font size rounded up to the 4px grid; a token key's font size as is */
+	icon: number;
+	/** px, without border: line-height plus vertical padding for a name, tokens.size for a key */
+	controlHeight: number;
+};
+/**
+* A `size` prop is one of three things, checked in this order:
+*
+* - `true` (or nothing): the config's default named size
+* - a name in `config.sizes`: a recipe of token keys, never a height
+* - a token key like `4` or `$4`: v2's index into every scale at once
+*
+* A named size never sets a height. The control ends up line-height plus
+* padding tall, so the frame, its text and its icon agree by construction.
+* Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).
+*/
+export declare const resolveSize: (value: TokenSize | null | undefined, env?: SizeResolverEnv) => ResolvedSize;
+/**
+* One step smaller: the previous name in `sizes` (clamped at the smallest), or
+* for a token key the previous whole number (clamped at 1).
+*/
+export declare const oneSizeSmaller: (value: TokenSize | null | undefined, sizes: GenericSizes | undefined) => string;
+
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAIO,qBACA,kBACA,mBACA,eACA,iBACA,oBACA,mBACA,gBACA;AAEP,cAAc,cAAc;AAE5B,YAAY,YAAY,aAAa,0BAA0B;AAE/D,YAAY,iBAAiB,cAAc,YAAY,aAAa;CAClE,MAAM;;AAGR,YAAY,mBAAmB,cAAc,YAAY,aAAa,cACpE,iBAAiB,QACjB;AAGF,OAAO,cAAM,oBAAqB,cAAc,YAAY,WAC1D,cAAc,UACb,mBAAmB;AAItB,OAAO,cAAM,aAAa;AAE1B,YAAY,kBAAkB;CAC5B,QAAQ,KAAK,cAAc,SAAS,UAAU;;CAE9C,OAAO;CACP,QAAQ;EAAE,OAAO;kBAA6B;;CAC9C,QAAQ;;AAGV,YAAY,eAAe;;CAEzB;;CAEA;;CAEA,OAAO;EACL,4BAA4B;EAC5B,2BAA2B;EAC3B,cAAc;EACd,uBAAuB;;EAEvB,qBAAqB;;;CAGvB,MAAM;EACJ,mBAAmB;EACnB,sBAAsB;;;CAGxB;;CAEA;;;;;;;;;;;;;AAgCF,OAAO,cAAM,cACX,OAAO,8BACP,MAAK,oBACJ;;;;;AAsGH,OAAO,cAAM,iBACX,OAAO,8BACP,OAAO",
+  "names": [],
+  "sources": [
+    "src/index.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import {\n  createStyledContext,\n  getConfig,\n  getVariableValue,\n  type FontSizeTokens,\n  type GenericFont,\n  type GenericSizes,\n  type SizeSpec,\n  type SizeTokens,\n  type StyledContext,\n  type TokensParsed,\n  type Variable,\n} from '@tamagui/web'\n\nexport type { GenericSizes, SizeSpec }\n\nexport type TokenSize = SizeTokens | FontSizeTokens | number | true\n\nexport type SizeContextValue<Value extends TokenSize = TokenSize> = {\n  size: Value | undefined\n}\n\nexport type CreatedSizeContext<Value extends TokenSize = TokenSize> = StyledContext<\n  SizeContextValue<Value>,\n  'size'\n>\n\nexport const createSizeContext = <Value extends TokenSize = TokenSize>(\n  defaultSize?: Value\n): CreatedSizeContext<Value> => {\n  return createStyledContext<SizeContextValue<Value>>({ size: defaultSize })\n}\n\nexport const SizeContext: CreatedSizeContext = createSizeContext()\n\nexport type SizeResolverEnv = {\n  tokens: Pick<TokensParsed, 'size' | 'space' | 'radius'>\n  /** the component's font; a key it lacks falls back to `fonts.body` */\n  font?: GenericFont\n  fonts?: { body?: GenericFont; [name: string]: GenericFont | undefined }\n  sizes?: GenericSizes\n}\n\nexport type ResolvedSize = {\n  /** the named size, or the token key */\n  name: string\n  /** the font.size key the text was sized against */\n  fontSizeKey: string\n  /** spread onto the frame */\n  frame: {\n    paddingHorizontal: number | Variable\n    paddingVertical?: number | Variable\n    gap: number | Variable\n    borderRadius: number | Variable\n    /** token keys only: v2's \"size is the control height\" */\n    minHeight?: number | Variable\n  }\n  /** spread onto the text */\n  text: {\n    fontSize: number | Variable\n    lineHeight?: number | Variable\n  }\n  /** px: the recipe's icon, or the font size rounded up to the 4px grid; a token key's font size as is */\n  icon: number\n  /** px, without border: line-height plus vertical padding for a name, tokens.size for a key */\n  controlHeight: number\n}\n\n/** outside a style pass (icons, imperative measurements): the config's default font */\nconst configEnv = (): SizeResolverEnv => {\n  const conf = getConfig()\n  return {\n    tokens: conf.tokensParsed,\n    font: conf.fontsParsed[conf.defaultFontToken],\n    fonts: conf.fontsParsed,\n    sizes: conf.sizes,\n  }\n}\n\nlet warnedNoDefault = false\n\nconst px = (value: unknown) => {\n  const n = Number.parseFloat(String(getVariableValue(value)))\n  return Number.isFinite(n) ? n : 0\n}\n\n/**\n * A `size` prop is one of three things, checked in this order:\n *\n * - `true` (or nothing): the config's default named size\n * - a name in `config.sizes`: a recipe of token keys, never a height\n * - a token key like `4` or `$4`: v2's index into every scale at once\n *\n * A named size never sets a height. The control ends up line-height plus\n * padding tall, so the frame, its text and its icon agree by construction.\n * Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).\n */\nexport const resolveSize = (\n  value: TokenSize | null | undefined,\n  env: SizeResolverEnv = configEnv()\n): ResolvedSize => {\n  const { tokens, font: fontIn, fonts, sizes } = env\n  let key: string | undefined\n  if (value === true || value == null) {\n    key = sizes?.default\n  } else if (typeof value === 'number') {\n    if (process.env.NODE_ENV === 'development') {\n      console.error(\n        `size={${value}} is not a control size. Use a named size (${\n          Object.keys(sizes ?? {})\n            .filter((k) => k !== 'default')\n            .join(', ') || 'none configured'\n        }) or a token key. Falling back to the default.`\n      )\n    }\n    key = sizes?.default\n  } else {\n    key = String(value)\n    if (key[0] === '$') key = key.slice(1)\n  }\n\n  if (key == null) {\n    if (process.env.NODE_ENV === 'development' && !warnedNoDefault) {\n      warnedNoDefault = true\n      console.error(\n        `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n      )\n    }\n    key = '4'\n  }\n\n  let spec = key === 'default' ? undefined : sizes?.[key]\n  // Try the authored key, then the configured default, then token 4. Reuse\n  // one validity check and bound retries even when the default is invalid.\n  for (\n    let attempt = 0;\n    attempt < 2 &&\n    !(spec && typeof spec === 'object') &&\n    tokens.size[key] == null &&\n    fontIn?.size[key] == null &&\n    fonts?.body?.size[key] == null;\n    attempt++\n  ) {\n    if (process.env.NODE_ENV === 'development' && attempt === 0) {\n      console.error(\n        `Unknown size \"${key}\": not a named size (${\n          Object.keys(sizes ?? {})\n            .filter((k) => k !== 'default')\n            .join(', ') || 'none configured'\n        }) and not a token key. Falling back to the default.`\n      )\n    }\n    key = attempt === 0 ? sizes?.default || '4' : '4'\n    spec = key === 'default' ? undefined : sizes?.[key]\n  }\n\n  if (spec && typeof spec === 'object') {\n    const font = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body\n    const fontSize = font?.size[spec.fontSize] ?? 0\n    const lineHeight = font?.lineHeight?.[spec.fontSize]\n    const paddingVertical = tokens.space[spec.paddingY]\n    const fontPx = px(fontSize)\n    return {\n      name: key,\n      fontSizeKey: spec.fontSize,\n      frame: {\n        paddingHorizontal: tokens.space[spec.paddingX],\n        paddingVertical,\n        gap: tokens.space[spec.gap ?? spec.paddingY],\n        borderRadius: tokens.radius[spec.radius],\n      },\n      text: { fontSize, lineHeight },\n      icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,\n      controlHeight:\n        (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) +\n        px(paddingVertical) * 2,\n    }\n  }\n\n  const size = tokens.size[key]\n  const font = fontIn?.size[key] != null ? fontIn : fonts?.body\n  const fontSize = font?.size[key]\n  const sizePx = px(size)\n  return {\n    name: key,\n    fontSizeKey: key,\n    frame: {\n      paddingHorizontal: tokens.space[key],\n      gap: Math.round(sizePx * 0.2),\n      borderRadius: tokens.radius[key],\n      minHeight: size,\n    },\n    text: { fontSize: fontSize ?? sizePx, lineHeight: font?.lineHeight?.[key] },\n    icon: px(fontSize ?? sizePx),\n    controlHeight: sizePx,\n  }\n}\n\n/**\n * One step smaller: the previous name in `sizes` (clamped at the smallest), or\n * for a token key the previous whole number (clamped at 1).\n */\nexport const oneSizeSmaller = (\n  value: TokenSize | null | undefined,\n  sizes: GenericSizes | undefined\n): string => {\n  const key =\n    value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, '')\n  if (key == null) return '3'\n  const names = Object.keys(sizes ?? {}).filter((name) => name !== 'default')\n  const index = names.indexOf(key)\n  if (index !== -1) return names[Math.max(0, index - 1)]\n  const n = Number(key)\n  if (Number.isNaN(n)) return key\n  return `${Math.max(1, Math.round(n) - 1)}`\n}\n"
+  ]
+}

package/README.md

@@ -1 +0,0 @@
-# @tamagui/size