@tamagui/size 0.0.0-bootstrap.0 → 3.0.0-beta.643.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,149 @@
+
+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,
+	controlSizes: () => controlSizes,
+	createSizeContext: () => createSizeContext,
+	createSizeTable: () => createSizeTable,
+	defaultTokenSizePolicy: () => defaultTokenSizePolicy,
+	resolveControlSize: () => resolveControlSize,
+	resolveSizeToken: () => resolveSizeToken,
+	resolveTokenSize: () => resolveTokenSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+const defaultTokenSizePolicy = {
+	size: 44,
+	space: "4",
+	radius: "4",
+	fontSize: "4"
+};
+const controlSizes = {
+	true: 44,
+	0: 0,
+	"0-25": 2,
+	"0-5": 4,
+	"0-75": 8,
+	1: 20,
+	"1-5": 24,
+	2: 28,
+	"2-5": 32,
+	3: 36,
+	"3-5": 40,
+	4: 44,
+	"4-5": 48,
+	5: 52,
+	6: 64,
+	7: 74,
+	8: 84,
+	9: 94,
+	10: 104,
+	11: 124,
+	12: 144,
+	13: 164,
+	14: 184,
+	15: 204,
+	16: 224,
+	17: 224,
+	18: 244,
+	19: 264,
+	20: 284
+};
+const resolveControlSize = (value, tokens) => {
+	if (typeof value === "number") return value;
+	const ramp = controlSizes[value];
+	return ramp ?? tokens.size[value];
+};
+const resolveSizeToken = (value, category, policy = defaultTokenSizePolicy) => {
+	return value === true ? policy[category] : value;
+};
+const createSizeContext = (defaultSize) => {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+const SizeContext = createSizeContext();
+const resolveTokenSize = (value, { tokens, font, policy = defaultTokenSizePolicy }) => {
+	if (typeof value === "number") {
+		return {
+			frame: {
+				size: value,
+				space: value,
+				radius: value
+			},
+			text: {
+				fontSize: value,
+				lineHeight: void 0
+			},
+			icon: value
+		};
+	}
+	const spaceKey = resolveSizeToken(value, "space", policy);
+	const radiusKey = resolveSizeToken(value, "radius", policy);
+	const fontKey = resolveSizeToken(value, "fontSize", policy);
+	const size = resolveControlSize(value, tokens);
+	const space = typeof spaceKey === "number" ? spaceKey : tokens.space[spaceKey];
+	const radius = typeof radiusKey === "number" ? radiusKey : tokens.radius[radiusKey];
+	const fontSize = typeof fontKey === "number" ? fontKey : font.size[fontKey];
+	const lineHeight = typeof fontKey === "number" ? void 0 : font.lineHeight?.[fontKey];
+	return {
+		frame: {
+			size,
+			space,
+			radius
+		},
+		text: {
+			fontSize,
+			lineHeight
+		},
+		icon: fontSize
+	};
+};
+const createSizeTable = (values, defaultSize) => {
+	const Context = (0, import_web.createStyledContext)({ size: defaultSize });
+	const frame = {};
+	const text = {};
+	const icon = {};
+	for (const name of Object.keys(values)) {
+		frame[name] = values[name].frame;
+		text[name] = values[name].text;
+		icon[name] = values[name].icon;
+	}
+	const resolve = ((name = defaultSize) => {
+		if (!(name in values)) {
+			if (process.env.NODE_ENV !== "production") {
+				console.error(`Unknown size "${String(name)}" \u2014 this size table only has: ${Object.keys(values).join(", ")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to "${String(defaultSize)}".`);
+			}
+			return values[defaultSize];
+		}
+		return values[name];
+	});
+	return {
+		values,
+		names: Object.keys(values),
+		defaultSize,
+		Context,
+		frame,
+		text,
+		icon,
+		resolve
+	};
+};

package/dist/cjs/index.native.cjs

@@ -0,0 +1,172 @@
+"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,
+	controlSizes: () => controlSizes,
+	createSizeContext: () => createSizeContext,
+	createSizeTable: () => createSizeTable,
+	defaultTokenSizePolicy: () => defaultTokenSizePolicy,
+	resolveControlSize: () => resolveControlSize,
+	resolveSizeToken: () => resolveSizeToken,
+	resolveTokenSize: () => resolveTokenSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+var defaultTokenSizePolicy = {
+	size: 44,
+	space: "4",
+	radius: "4",
+	fontSize: "4"
+};
+var controlSizes = {
+	true: 44,
+	0: 0,
+	"0-25": 2,
+	"0-5": 4,
+	"0-75": 8,
+	1: 20,
+	"1-5": 24,
+	2: 28,
+	"2-5": 32,
+	3: 36,
+	"3-5": 40,
+	4: 44,
+	"4-5": 48,
+	5: 52,
+	6: 64,
+	7: 74,
+	8: 84,
+	9: 94,
+	10: 104,
+	11: 124,
+	12: 144,
+	13: 164,
+	14: 184,
+	15: 204,
+	16: 224,
+	17: 224,
+	18: 244,
+	19: 264,
+	20: 284
+};
+var resolveControlSize = function(value, tokens) {
+	if (typeof value === "number") return value;
+	var ramp = controlSizes[value];
+	return ramp !== null && ramp !== void 0 ? ramp : tokens.size[value];
+};
+var resolveSizeToken = function(value, category) {
+	var policy = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultTokenSizePolicy;
+	return value === true ? policy[category] : value;
+};
+var createSizeContext = function(defaultSize) {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+var SizeContext = createSizeContext();
+var resolveTokenSize = function(value, param) {
+	var { tokens, font, policy = defaultTokenSizePolicy } = param;
+	var _font_lineHeight;
+	if (typeof value === "number") {
+		return {
+			frame: {
+				size: value,
+				space: value,
+				radius: value
+			},
+			text: {
+				fontSize: value,
+				lineHeight: void 0
+			},
+			icon: value
+		};
+	}
+	var spaceKey = resolveSizeToken(value, "space", policy);
+	var radiusKey = resolveSizeToken(value, "radius", policy);
+	var fontKey = resolveSizeToken(value, "fontSize", policy);
+	var size = resolveControlSize(value, tokens);
+	var space = typeof spaceKey === "number" ? spaceKey : tokens.space[spaceKey];
+	var radius = typeof radiusKey === "number" ? radiusKey : tokens.radius[radiusKey];
+	var fontSize = typeof fontKey === "number" ? fontKey : font.size[fontKey];
+	var lineHeight = typeof fontKey === "number" ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[fontKey];
+	return {
+		frame: {
+			size,
+			space,
+			radius
+		},
+		text: {
+			fontSize,
+			lineHeight
+		},
+		icon: fontSize
+	};
+};
+var createSizeTable = function(values, defaultSize) {
+	var Context = (0, import_web.createStyledContext)({ size: defaultSize });
+	var frame = {};
+	var text = {};
+	var icon = {};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = Object.keys(values)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var name = _step.value;
+			frame[name] = values[name].frame;
+			text[name] = values[name].text;
+			icon[name] = values[name].icon;
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	var resolve = function() {
+		var name2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultSize;
+		if (!(name2 in values)) {
+			if (process.env.NODE_ENV !== "production") {
+				console.error(`Unknown size "${String(name2)}" \u2014 this size table only has: ${Object.keys(values).join(", ")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to "${String(defaultSize)}".`);
+			}
+			return values[defaultSize];
+		}
+		return values[name2];
+	};
+	return {
+		values,
+		names: Object.keys(values),
+		defaultSize,
+		Context,
+		frame,
+		text,
+		icon,
+		resolve
+	};
+};

package/dist/cjs/index.native.js

@@ -0,0 +1,174 @@
+"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,
+	controlSizes: () => controlSizes,
+	createSizeContext: () => createSizeContext,
+	createSizeTable: () => createSizeTable,
+	defaultTokenSizePolicy: () => defaultTokenSizePolicy,
+	resolveControlSize: () => resolveControlSize,
+	resolveSizeToken: () => resolveSizeToken,
+	resolveTokenSize: () => resolveTokenSize
+});
+module.exports = __toCommonJS(index_exports);
+var import_web = require("@tamagui/web");
+var defaultTokenSizePolicy = {
+	size: 44,
+	space: "4",
+	radius: "4",
+	fontSize: "4"
+};
+var controlSizes = {
+	true: 44,
+	0: 0,
+	"0-25": 2,
+	"0-5": 4,
+	"0-75": 8,
+	1: 20,
+	"1-5": 24,
+	2: 28,
+	"2-5": 32,
+	3: 36,
+	"3-5": 40,
+	4: 44,
+	"4-5": 48,
+	5: 52,
+	6: 64,
+	7: 74,
+	8: 84,
+	9: 94,
+	10: 104,
+	11: 124,
+	12: 144,
+	13: 164,
+	14: 184,
+	15: 204,
+	16: 224,
+	17: 224,
+	18: 244,
+	19: 264,
+	20: 284
+};
+var resolveControlSize = function(value, tokens) {
+	if (typeof value === "number") return value;
+	var ramp = controlSizes[value];
+	return ramp !== null && ramp !== void 0 ? ramp : tokens.size[value];
+};
+var resolveSizeToken = function(value, category) {
+	var policy = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultTokenSizePolicy;
+	return value === true ? policy[category] : value;
+};
+var createSizeContext = function(defaultSize) {
+	return (0, import_web.createStyledContext)({ size: defaultSize });
+};
+var SizeContext = createSizeContext();
+var resolveTokenSize = function(value, param) {
+	var { tokens, font, policy = defaultTokenSizePolicy } = param;
+	var _font_lineHeight;
+	if (typeof value === "number") {
+		return {
+			frame: {
+				size: value,
+				space: value,
+				radius: value
+			},
+			text: {
+				fontSize: value,
+				lineHeight: void 0
+			},
+			icon: value
+		};
+	}
+	var spaceKey = resolveSizeToken(value, "space", policy);
+	var radiusKey = resolveSizeToken(value, "radius", policy);
+	var fontKey = resolveSizeToken(value, "fontSize", policy);
+	var size = resolveControlSize(value, tokens);
+	var space = typeof spaceKey === "number" ? spaceKey : tokens.space[spaceKey];
+	var radius = typeof radiusKey === "number" ? radiusKey : tokens.radius[radiusKey];
+	var fontSize = typeof fontKey === "number" ? fontKey : font.size[fontKey];
+	var lineHeight = typeof fontKey === "number" ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[fontKey];
+	return {
+		frame: {
+			size,
+			space,
+			radius
+		},
+		text: {
+			fontSize,
+			lineHeight
+		},
+		icon: fontSize
+	};
+};
+var createSizeTable = function(values, defaultSize) {
+	var Context = (0, import_web.createStyledContext)({ size: defaultSize });
+	var frame = {};
+	var text = {};
+	var icon = {};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = Object.keys(values)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var name = _step.value;
+			frame[name] = values[name].frame;
+			text[name] = values[name].text;
+			icon[name] = values[name].icon;
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	var resolve = function() {
+		var name2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultSize;
+		if (!(name2 in values)) {
+			if (process.env.NODE_ENV !== "production") {
+				console.error(`Unknown size "${String(name2)}" \u2014 this size table only has: ${Object.keys(values).join(", ")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to "${String(defaultSize)}".`);
+			}
+			return values[defaultSize];
+		}
+		return values[name2];
+	};
+	return {
+		values,
+		names: Object.keys(values),
+		defaultSize,
+		Context,
+		frame,
+		text,
+		icon,
+		resolve
+	};
+};
+
+//# 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  controlSizes: () => controlSizes,\n  createSizeContext: () => createSizeContext,\n  createSizeTable: () => createSizeTable,\n  defaultTokenSizePolicy: () => defaultTokenSizePolicy,\n  resolveControlSize: () => resolveControlSize,\n  resolveSizeToken: () => resolveSizeToken,\n  resolveTokenSize: () => resolveTokenSize\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_web = require(\"@tamagui/web\");\nvar defaultTokenSizePolicy = {\n  // geometry consumers (Square, Circle) read the size scale directly and only\n  // need a default token; control frame heights do NOT come from here, they\n  // come from controlSizes below.\n  size: 44,\n  space: \"4\",\n  radius: \"4\",\n  fontSize: \"4\"\n};\nvar controlSizes = {\n  true: 44,\n  0: 0,\n  \"0-25\": 2,\n  \"0-5\": 4,\n  \"0-75\": 8,\n  1: 20,\n  \"1-5\": 24,\n  2: 28,\n  \"2-5\": 32,\n  3: 36,\n  \"3-5\": 40,\n  4: 44,\n  \"4-5\": 48,\n  5: 52,\n  6: 64,\n  7: 74,\n  8: 84,\n  9: 94,\n  10: 104,\n  11: 124,\n  12: 144,\n  13: 164,\n  14: 184,\n  15: 204,\n  16: 224,\n  17: 224,\n  18: 244,\n  19: 264,\n  20: 284\n};\nvar resolveControlSize = function(value, tokens) {\n  if (typeof value === \"number\") return value;\n  var ramp = controlSizes[value];\n  return ramp !== null && ramp !== void 0 ? ramp : tokens.size[value];\n};\nvar resolveSizeToken = function(value, category) {\n  var policy = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultTokenSizePolicy;\n  return value === true ? policy[category] : value;\n};\nvar createSizeContext = function(defaultSize) {\n  return (0, import_web.createStyledContext)({\n    size: defaultSize\n  });\n};\nvar SizeContext = createSizeContext();\nvar resolveTokenSize = function(value, param) {\n  var { tokens, font, policy = defaultTokenSizePolicy } = param;\n  var _font_lineHeight;\n  if (typeof value === \"number\") {\n    return {\n      frame: {\n        size: value,\n        space: value,\n        radius: value\n      },\n      text: {\n        fontSize: value,\n        lineHeight: void 0\n      },\n      icon: value\n    };\n  }\n  var spaceKey = resolveSizeToken(value, \"space\", policy);\n  var radiusKey = resolveSizeToken(value, \"radius\", policy);\n  var fontKey = resolveSizeToken(value, \"fontSize\", policy);\n  var size = resolveControlSize(value, tokens);\n  var space = typeof spaceKey === \"number\" ? spaceKey : tokens.space[spaceKey];\n  var radius = typeof radiusKey === \"number\" ? radiusKey : tokens.radius[radiusKey];\n  var fontSize = typeof fontKey === \"number\" ? fontKey : font.size[fontKey];\n  var lineHeight = typeof fontKey === \"number\" ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[fontKey];\n  return {\n    frame: {\n      size,\n      space,\n      radius\n    },\n    text: {\n      fontSize,\n      lineHeight\n    },\n    icon: fontSize\n  };\n};\nvar createSizeTable = function(values, defaultSize) {\n  var Context = (0, import_web.createStyledContext)({\n    size: defaultSize\n  });\n  var frame = {};\n  var text = {};\n  var icon = {};\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = Object.keys(values)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var name = _step.value;\n      frame[name] = values[name].frame;\n      text[name] = values[name].text;\n      icon[name] = values[name].icon;\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  var resolve = function() {\n    var name2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultSize;\n    if (!(name2 in values)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.error(`Unknown size \"${String(name2)}\" \\u2014 this size table only has: ${Object.keys(values).join(\", \")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to \"${String(defaultSize)}\".`);\n      }\n      return values[defaultSize];\n    }\n    return values[name2];\n  };\n  return {\n    values,\n    names: Object.keys(values),\n    defaultSize,\n    Context,\n    frame,\n    text,\n    icon,\n    resolve\n  };\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,120 @@
+import { createStyledContext } from "@tamagui/web";
+
+const defaultTokenSizePolicy = {
+	size: 44,
+	space: "4",
+	radius: "4",
+	fontSize: "4"
+};
+const controlSizes = {
+	true: 44,
+	0: 0,
+	"0-25": 2,
+	"0-5": 4,
+	"0-75": 8,
+	1: 20,
+	"1-5": 24,
+	2: 28,
+	"2-5": 32,
+	3: 36,
+	"3-5": 40,
+	4: 44,
+	"4-5": 48,
+	5: 52,
+	6: 64,
+	7: 74,
+	8: 84,
+	9: 94,
+	10: 104,
+	11: 124,
+	12: 144,
+	13: 164,
+	14: 184,
+	15: 204,
+	16: 224,
+	17: 224,
+	18: 244,
+	19: 264,
+	20: 284
+};
+const resolveControlSize = (value, tokens) => {
+	if (typeof value === "number") return value;
+	const ramp = controlSizes[value];
+	return ramp ?? tokens.size[value];
+};
+const resolveSizeToken = (value, category, policy = defaultTokenSizePolicy) => {
+	return value === true ? policy[category] : value;
+};
+const createSizeContext = (defaultSize) => {
+	return createStyledContext({ size: defaultSize });
+};
+const SizeContext = createSizeContext();
+const resolveTokenSize = (value, { tokens, font, policy = defaultTokenSizePolicy }) => {
+	if (typeof value === "number") {
+		return {
+			frame: {
+				size: value,
+				space: value,
+				radius: value
+			},
+			text: {
+				fontSize: value,
+				lineHeight: void 0
+			},
+			icon: value
+		};
+	}
+	const spaceKey = resolveSizeToken(value, "space", policy);
+	const radiusKey = resolveSizeToken(value, "radius", policy);
+	const fontKey = resolveSizeToken(value, "fontSize", policy);
+	const size = resolveControlSize(value, tokens);
+	const space = typeof spaceKey === "number" ? spaceKey : tokens.space[spaceKey];
+	const radius = typeof radiusKey === "number" ? radiusKey : tokens.radius[radiusKey];
+	const fontSize = typeof fontKey === "number" ? fontKey : font.size[fontKey];
+	const lineHeight = typeof fontKey === "number" ? void 0 : font.lineHeight?.[fontKey];
+	return {
+		frame: {
+			size,
+			space,
+			radius
+		},
+		text: {
+			fontSize,
+			lineHeight
+		},
+		icon: fontSize
+	};
+};
+const createSizeTable = (values, defaultSize) => {
+	const Context = createStyledContext({ size: defaultSize });
+	const frame = {};
+	const text = {};
+	const icon = {};
+	for (const name of Object.keys(values)) {
+		frame[name] = values[name].frame;
+		text[name] = values[name].text;
+		icon[name] = values[name].icon;
+	}
+	const resolve = ((name = defaultSize) => {
+		if (!(name in values)) {
+			if (process.env.NODE_ENV !== "production") {
+				console.error(`Unknown size "${String(name)}" \u2014 this size table only has: ${Object.keys(values).join(", ")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to "${String(defaultSize)}".`);
+			}
+			return values[defaultSize];
+		}
+		return values[name];
+	});
+	return {
+		values,
+		names: Object.keys(values),
+		defaultSize,
+		Context,
+		frame,
+		text,
+		icon,
+		resolve
+	};
+};
+
+export { SizeContext, controlSizes, createSizeContext, createSizeTable, defaultTokenSizePolicy, resolveControlSize, resolveSizeToken, resolveTokenSize };
+//# 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} from \"@tamagui/web\";\nconst defaultTokenSizePolicy = {\n  // geometry consumers (Square, Circle) read the size scale directly and only\n  // need a default token; control frame heights do NOT come from here, they\n  // come from controlSizes below.\n  size: 44,\n  space: \"4\",\n  radius: \"4\",\n  fontSize: \"4\"\n};\nconst controlSizes = {\n  true: 44,\n  0: 0,\n  \"0-25\": 2,\n  \"0-5\": 4,\n  \"0-75\": 8,\n  1: 20,\n  \"1-5\": 24,\n  2: 28,\n  \"2-5\": 32,\n  3: 36,\n  \"3-5\": 40,\n  4: 44,\n  \"4-5\": 48,\n  5: 52,\n  6: 64,\n  7: 74,\n  8: 84,\n  9: 94,\n  10: 104,\n  11: 124,\n  12: 144,\n  13: 164,\n  14: 184,\n  15: 204,\n  16: 224,\n  17: 224,\n  18: 244,\n  19: 264,\n  20: 284\n};\nconst resolveControlSize = (value, tokens) => {\n  if (typeof value === \"number\") return value;\n  const ramp = controlSizes[value];\n  return ramp ?? tokens.size[value];\n};\nconst resolveSizeToken = (value, category, policy = defaultTokenSizePolicy) => {\n  return value === true ? policy[category] : value;\n};\nconst createSizeContext = (defaultSize) => {\n  return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst resolveTokenSize = (value, { tokens, font, policy = defaultTokenSizePolicy }) => {\n  if (typeof value === \"number\") {\n    return {\n      frame: { size: value, space: value, radius: value },\n      text: { fontSize: value, lineHeight: void 0 },\n      icon: value\n    };\n  }\n  const spaceKey = resolveSizeToken(value, \"space\", policy);\n  const radiusKey = resolveSizeToken(value, \"radius\", policy);\n  const fontKey = resolveSizeToken(value, \"fontSize\", policy);\n  const size = resolveControlSize(value, tokens);\n  const space = typeof spaceKey === \"number\" ? spaceKey : tokens.space[spaceKey];\n  const radius = typeof radiusKey === \"number\" ? radiusKey : tokens.radius[radiusKey];\n  const fontSize = typeof fontKey === \"number\" ? fontKey : font.size[fontKey];\n  const lineHeight = typeof fontKey === \"number\" ? void 0 : font.lineHeight?.[fontKey];\n  return {\n    frame: {\n      size,\n      space,\n      radius\n    },\n    text: {\n      fontSize,\n      lineHeight\n    },\n    icon: fontSize\n  };\n};\nconst createSizeTable = (values, defaultSize) => {\n  const Context = createStyledContext({ size: defaultSize });\n  const frame = {};\n  const text = {};\n  const icon = {};\n  for (const name of Object.keys(values)) {\n    frame[name] = values[name].frame;\n    text[name] = values[name].text;\n    icon[name] = values[name].icon;\n  }\n  const resolve = ((name = defaultSize) => {\n    if (!(name in values)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.error(\n          `Unknown size \"${String(name)}\" \\u2014 this size table only has: ${Object.keys(values).join(\", \")}. Size tables are user-owned named scales; the default skins take size tokens instead. Falling back to \"${String(defaultSize)}\".`\n        );\n      }\n      return values[defaultSize];\n    }\n    return values[name];\n  });\n  return {\n    values,\n    names: Object.keys(values),\n    defaultSize,\n    Context,\n    frame,\n    text,\n    icon,\n    resolve\n  };\n};\nexport {\n  SizeContext,\n  controlSizes,\n  createSizeContext,\n  createSizeTable,\n  defaultTokenSizePolicy,\n  resolveControlSize,\n  resolveSizeToken,\n  resolveTokenSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AAGA,MAAM,yBAAyB;CAI7B,MAAM;CACN,OAAO;CACP,QAAQ;CACR,UAAU;AACZ;AACA,MAAM,eAAe;CACnB,MAAM;CACN,GAAG;CACH,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,GAAG;CACH,OAAO;CACP,GAAG;CACH,OAAO;CACP,GAAG;CACH,OAAO;CACP,GAAG;CACH,OAAO;CACP,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,MAAM,sBAAsB,OAAO,WAAW;CAC5C,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,MAAM,OAAO,aAAa;CAC1B,OAAO,QAAQ,OAAO,KAAK;AAC7B;AACA,MAAM,oBAAoB,OAAO,UAAU,SAAS,2BAA2B;CAC7E,OAAO,UAAU,OAAO,OAAO,YAAY;AAC7C;AACA,MAAM,qBAAqB,gBAAgB;CACzC,OAAO,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD;AACA,MAAM,cAAc,kBAAkB;AACtC,MAAM,oBAAoB,OAAO,EAAE,QAAQ,MAAM,SAAS,6BAA6B;CACrF,IAAI,OAAO,UAAU,UAAU;EAC7B,OAAO;GACL,OAAO;IAAE,MAAM;IAAO,OAAO;IAAO,QAAQ;GAAM;GAClD,MAAM;IAAE,UAAU;IAAO,YAAY,KAAK;GAAE;GAC5C,MAAM;EACR;CACF;CACA,MAAM,WAAW,iBAAiB,OAAO,SAAS,MAAM;CACxD,MAAM,YAAY,iBAAiB,OAAO,UAAU,MAAM;CAC1D,MAAM,UAAU,iBAAiB,OAAO,YAAY,MAAM;CAC1D,MAAM,OAAO,mBAAmB,OAAO,MAAM;CAC7C,MAAM,QAAQ,OAAO,aAAa,WAAW,WAAW,OAAO,MAAM;CACrE,MAAM,SAAS,OAAO,cAAc,WAAW,YAAY,OAAO,OAAO;CACzE,MAAM,WAAW,OAAO,YAAY,WAAW,UAAU,KAAK,KAAK;CACnE,MAAM,aAAa,OAAO,YAAY,WAAW,KAAK,IAAI,KAAK,aAAa;CAC5E,OAAO;EACL,OAAO;GACL;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;EACF;EACA,MAAM;CACR;AACF;AACA,MAAM,mBAAmB,QAAQ,gBAAgB;CAC/C,MAAM,UAAU,oBAAoB,EAAE,MAAM,YAAY,CAAC;CACzD,MAAM,QAAQ,CAAC;CACf,MAAM,OAAO,CAAC;CACd,MAAM,OAAO,CAAC;CACd,KAAK,MAAM,QAAQ,OAAO,KAAK,MAAM,GAAG;EACtC,MAAM,QAAQ,OAAO,MAAM;EAC3B,KAAK,QAAQ,OAAO,MAAM;EAC1B,KAAK,QAAQ,OAAO,MAAM;CAC5B;CACA,MAAM,YAAY,OAAO,gBAAgB;EACvC,IAAI,EAAE,QAAQ,SAAS;GACrB,IAAI,QAAQ,IAAI,aAAa,cAAc;IACzC,QAAQ,MACN,iBAAiB,OAAO,IAAI,EAAE,qCAAqC,OAAO,KAAK,MAAM,EAAE,KAAK,IAAI,EAAE,0GAA0G,OAAO,WAAW,EAAE,GAClO;GACF;GACA,OAAO,OAAO;EAChB;EACA,OAAO,OAAO;CAChB;CACA,OAAO;EACL;EACA,OAAO,OAAO,KAAK,MAAM;EACzB;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}