@tamagui/tamagui-dev-config 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/themeMetadata.cjs

@@ -0,0 +1,132 @@
+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 themeMetadata_exports = {};
+__export(themeMetadata_exports, {
+	clientThemes: () => clientThemes,
+	componentThemes: () => componentThemes,
+	themeNames: () => themeNames,
+	themeVariableNames: () => themeVariableNames
+});
+module.exports = __toCommonJS(themeMetadata_exports);
+const schemes = ["light", "dark"];
+const colors = [
+	"gray",
+	"blue",
+	"red",
+	"yellow",
+	"green"
+];
+const paletteColors = [
+	"blue",
+	"gray",
+	"green",
+	"neutral",
+	"orange",
+	"pink",
+	"purple",
+	"red",
+	"teal",
+	"yellow"
+];
+const componentThemes = [
+	"Button",
+	"Input",
+	"Progress",
+	"ProgressIndicator",
+	"Slider",
+	"SliderActive",
+	"SliderThumb",
+	"Switch",
+	"TextArea",
+	"Tooltip",
+	"SwitchThumb"
+];
+const numbered = (prefix, count) => Array.from({ length: count }, (_, index) => `${prefix}${index + 1}`);
+const baseThemeNames = schemes.flatMap((scheme) => [
+	scheme,
+	`${scheme}_accent`,
+	`${scheme}_surface1`,
+	`${scheme}_surface2`,
+	...colors.flatMap((color) => [
+		`${scheme}_${color}`,
+		`${scheme}_${color}_accent`,
+		`${scheme}_${color}_surface1`,
+		`${scheme}_${color}_surface2`
+	])
+]);
+const levelThemeNames = baseThemeNames.flatMap((themeName) => themeName.endsWith("_surface1") ? [themeName.replace(/_surface1$/, "_level2")] : themeName.endsWith("_surface2") ? [themeName.replace(/_surface2$/, "_level3")] : themeName.endsWith("_accent") ? [`${themeName}_level2`, `${themeName}_level3`] : []);
+const componentThemeNames = [...baseThemeNames, ...levelThemeNames].flatMap((parent) => componentThemes.map((component) => `${parent}_${component}`));
+const themeNames = [
+	...baseThemeNames,
+	...levelThemeNames,
+	...componentThemeNames
+];
+const alphaSteps = [
+	"0",
+	"01",
+	"02",
+	"04",
+	"06",
+	"08",
+	"001",
+	"002",
+	"0025",
+	"005",
+	"0075"
+];
+const themeVariableNames = [
+	"accent-background",
+	"accent-color",
+	...numbered("accent", 12),
+	"background",
+	"background-focus",
+	"background-hover",
+	"background-press",
+	...alphaSteps.map((step) => `background${step}`),
+	"border-color",
+	"border-color-focus",
+	"border-color-hover",
+	"border-color-press",
+	"color",
+	"color-focus",
+	"color-hover",
+	"color-press",
+	"color-transparent",
+	...alphaSteps.map((step) => `color${step}`),
+	...numbered("color", 12),
+	"outline-color",
+	"placeholder-color",
+	"shadow-color",
+	...["black", "white"].flatMap((color) => [
+		color,
+		`${color}0`,
+		`${color}02`,
+		`${color}04`,
+		`${color}06`,
+		`${color}08`,
+		...numbered(color, 12)
+	]),
+	...paletteColors.flatMap((color) => numbered(color, 12)),
+	...numbered("highlight", 8),
+	...numbered("shadow", 8)
+];
+const variableShape = Object.fromEntries(themeVariableNames.map((name) => [name, `var(--${name})`]));
+const clientThemes = Object.fromEntries(themeNames.map((name) => [name, variableShape]));

package/dist/cjs/themes.cjs

@@ -0,0 +1,73 @@
+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 themes_exports = {};
+__export(themes_exports, { themes: () => themes });
+module.exports = __toCommonJS(themes_exports);
+var import_v6_base = require("@tamagui/config/v6-base");
+var import_v5_subtle = require("@tamagui/themes/v5-subtle");
+var import_themeMetadata = require("./themeMetadata.cjs");
+const themeNameSet = new Set(import_themeMetadata.themeNames);
+const selectedThemes = Object.fromEntries(Object.entries(import_v5_subtle.themes).filter(([themeName]) => themeNameSet.has(themeName)));
+for (const [themeName, theme] of Object.entries(selectedThemes)) {
+	if (themeName.endsWith("_surface1")) {
+		selectedThemes[themeName.replace(/_surface1$/, "_level2")] = theme;
+	} else if (themeName.endsWith("_surface2")) {
+		selectedThemes[themeName.replace(/_surface2$/, "_level3")] = theme;
+	} else if (themeName.endsWith("_accent")) {
+		selectedThemes[`${themeName}_level2`] = theme;
+		selectedThemes[`${themeName}_level3`] = theme;
+	}
+}
+for (const themeName of import_themeMetadata.themeNames) {
+	const component = import_themeMetadata.componentThemes.find((name) => themeName.endsWith(`_${name}`));
+	if (!component || selectedThemes[themeName]) continue;
+	const parentName = themeName.slice(0, -(component.length + 1));
+	if (selectedThemes[parentName]) {
+		selectedThemes[themeName] = selectedThemes[parentName];
+	}
+}
+const MAX_LIGHT_BORDER_GAP = 8;
+const hsla = /^hsla\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*,\s*([\d.]+)\s*\)$/;
+const softenLightBorder = (theme) => {
+	const background = hsla.exec(theme.background);
+	const border = hsla.exec(theme["border-color"]);
+	if (!background || !border) return theme;
+	const backgroundLightness = Number(background[3]);
+	const borderLightness = Number(border[3]);
+	if (backgroundLightness <= 50) return theme;
+	const gap = backgroundLightness - borderLightness;
+	if (gap <= MAX_LIGHT_BORDER_GAP) return theme;
+	const lightness = backgroundLightness - MAX_LIGHT_BORDER_GAP;
+	return {
+		...theme,
+		"border-color": `hsla(${border[1]}, ${border[2]}%, ${lightness}%, ${border[4]})`
+	};
+};
+const v6Themes = (0, import_v6_base.toV6Themes)(selectedThemes);
+const softened = /* @__PURE__ */ new Map();
+const themes = Object.fromEntries(Object.entries(v6Themes).map(([themeName, theme]) => {
+	let next = softened.get(theme);
+	if (!next) {
+		next = softenLightBorder(theme);
+		softened.set(theme, next);
+	}
+	return [themeName, next];
+}));

package/dist/esm/createGenericFont.mjs

@@ -1,38 +1,34 @@
 import { createFont } from "@tamagui/core";
+
 const genericFontSizes = {
-  1: 10,
-  2: 11,
-  3: 12,
-  4: 14,
-  5: 15,
-  6: 16,
-  7: 20,
-  8: 22,
-  9: 30,
-  10: 42,
-  11: 52,
-  12: 62,
-  13: 72,
-  14: 92,
-  15: 114,
-  16: 124
+	1: 10,
+	2: 11,
+	3: 12,
+	4: 14,
+	5: 15,
+	6: 16,
+	7: 20,
+	8: 22,
+	9: 30,
+	10: 42,
+	11: 52,
+	12: 62,
+	13: 72,
+	14: 92,
+	15: 114,
+	16: 124
 };
-function createGenericFont(family, font = {}, {
-  sizeLineHeight = val => val * 1.35
-} = {}) {
-  const size = font.size || genericFontSizes;
-  return createFont({
-    family,
-    size,
-    lineHeight: Object.fromEntries(Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)])),
-    weight: {
-      0: "300"
-    },
-    letterSpacing: {
-      4: 0
-    },
-    ...font
-  });
+function createGenericFont(family, font = {}, { sizeLineHeight = (val) => val * 1.35 } = {}) {
+	const size = font.size || genericFontSizes;
+	return createFont({
+		family,
+		size,
+		lineHeight: Object.fromEntries(Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)])),
+		weight: { 0: "300" },
+		letterSpacing: { 4: 0 },
+		...font
+	});
 }
+
 export { createGenericFont };
 //# sourceMappingURL=createGenericFont.mjs.map

package/dist/esm/createGenericFont.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createFont","genericFontSizes","createGenericFont","family","font","sizeLineHeight","val","size","lineHeight","Object","fromEntries","entries","map","k","v","weight","letterSpacing"],"sources":["../../src/createGenericFont.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,QAAkB;AAE3B,MAAMC,gBAAA,GAAmB;EACvB,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;AACN;AAEO,SAASC,kBACdC,MAAA,EACAC,IAAA,GAAmB,CAAC,GACpB;EACEC,cAAA,GAAkBC,GAAA,IAAQA,GAAA,GAAM;AAClC,IAEI,CAAC,GACF;EACH,MAAMC,IAAA,GAAOH,IAAA,CAAKG,IAAA,IAAQN,gBAAA;EAC1B,OAAOD,UAAA,CAAW;IAChBG,MAAA;IACAI,IAAA;IACAC,UAAA,EAAYC,MAAA,CAAOC,WAAA,CACjBD,MAAA,CAAOE,OAAA,CAAQJ,IAAI,EAAEK,GAAA,CAAI,CAAC,CAACC,CAAA,EAAGC,CAAC,MAAM,CAACD,CAAA,EAAGR,cAAA,CAAe,CAACS,CAAC,CAAC,CAAC,CAC9D;IACAC,MAAA,EAAQ;MAAE,GAAG;IAAM;IACnBC,aAAA,EAAe;MAAE,GAAG;IAAE;IACtB,GAAIZ;EACN,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"createGenericFont.js","names":[],"sources":["esm/createGenericFont.js"],"sourcesContent":["import { createFont } from \"@tamagui/core\";\nconst genericFontSizes = {\n  1: 10,\n  2: 11,\n  3: 12,\n  4: 14,\n  5: 15,\n  6: 16,\n  7: 20,\n  8: 22,\n  9: 30,\n  10: 42,\n  11: 52,\n  12: 62,\n  13: 72,\n  14: 92,\n  15: 114,\n  16: 124\n};\nfunction createGenericFont(family, font = {}, {\n  sizeLineHeight = (val) => val * 1.35\n} = {}) {\n  const size = font.size || genericFontSizes;\n  return createFont({\n    family,\n    size,\n    lineHeight: Object.fromEntries(\n      Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)])\n    ),\n    weight: { 0: \"300\" },\n    letterSpacing: { 4: 0 },\n    ...font\n  });\n}\nexport {\n  createGenericFont\n};\n//# sourceMappingURL=createGenericFont.js.map\n"],"mappings":";;;AACA,MAAM,mBAAmB;CACvB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,SAAS,kBAAkB,QAAQ,OAAO,CAAC,GAAG,EAC5C,kBAAkB,QAAQ,MAAM,SAC9B,CAAC,GAAG;CACN,MAAM,OAAO,KAAK,QAAQ;CAC1B,OAAO,WAAW;EAChB;EACA;EACA,YAAY,OAAO,YACjB,OAAO,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAC9D;EACA,QAAQ,EAAE,GAAG,MAAM;EACnB,eAAe,EAAE,GAAG,EAAE;EACtB,GAAG;CACL,CAAC;AACH"}

package/dist/esm/fonts.mjs

@@ -1,98 +1,77 @@
 import { createCherryBombFont } from "@tamagui/font-cherry-bomb";
 import { createInterFont } from "@tamagui/font-inter";
-import { createSilkscreenFont } from "@tamagui/font-silkscreen";
 import { createGenericFont } from "./createGenericFont.mjs";
+
+const interFamily = "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+const monoFamily = "\"JetBrains Mono\", ui-monospace, \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
 const cherryBombFont = createCherryBombFont({
-  // Cherry Bomb is a heavy rounded display face; fall back to on-brand Inter,
-  // then heavy web-safe faces, so the brief pre-load flash looks close to the
-  // real thing instead of thin default Arial.
-  family: '"Cherry Bomb", "Inter", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif',
-  // Cherry Bomb only ships weight 400 (so this doesn't change its look), but a
-  // heavy weight makes the Inter fallback render at ExtraBold (already preloaded)
-  // instead of thin, much closer to Cherry Bomb during the load flash.
-  weight: {
-    4: "800"
-  }
+	family: `"Cherry Bomb", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif`,
+	weight: { 4: "800" },
+	size: { true: 22.4 }
 });
-const silkscreenFont = createSilkscreenFont();
 const headingFont = createInterFont({
-  size: {
-    5: 13,
-    6: 15,
-    9: 30,
-    10: 44
-  },
-  transform: {
-    6: "uppercase",
-    7: "none"
-  },
-  weight: {
-    6: "400",
-    7: "700"
-  },
-  color: {
-    6: "$colorFocus",
-    7: "$color"
-  },
-  letterSpacing: {
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -0.1,
-    10: -0.25,
-    11: -0.5,
-    12: -0.75,
-    14: -1,
-    15: -2
-  },
-  // for native
-  face: {
-    700: {
-      normal: "InterBold"
-    },
-    800: {
-      normal: "InterBold"
-    },
-    900: {
-      normal: "InterBold"
-    }
-  }
-}, {
-  sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
-});
+	family: interFamily,
+	size: {
+		true: 14,
+		5: 13,
+		6: 15,
+		9: 30,
+		10: 44
+	},
+	transform: {
+		6: "uppercase",
+		7: "none"
+	},
+	weight: {
+		6: "400",
+		7: "700"
+	},
+	color: {
+		6: "color-focus",
+		7: "color"
+	},
+	letterSpacing: {
+		5: 2,
+		6: 1,
+		7: 0,
+		8: 0,
+		9: 0,
+		10: 0,
+		11: 0,
+		12: 0,
+		14: 0,
+		15: 0
+	}
+}, { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) });
 const bodyFont = createInterFont({
-  weight: {
-    1: "400"
-  }
-}, {
-  sizeSize: size => Math.round(size),
-  sizeLineHeight: size => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
-});
-const monoFont = createGenericFont(`"Berkeley Mono", "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
-  weight: {
-    1: "400"
-  },
-  size: {
-    1: 11,
-    2: 12,
-    3: 13,
-    4: 14,
-    5: 16,
-    6: 18,
-    7: 20,
-    8: 22,
-    9: 24,
-    10: 32,
-    11: 46,
-    12: 62,
-    13: 72,
-    14: 92,
-    15: 114,
-    16: 124
-  }
+	family: interFamily,
+	size: { true: 14 },
+	weight: { 1: "400" }
 }, {
-  sizeLineHeight: x => x * 1.5 + 2
+	sizeSize: (size) => Math.round(size),
+	sizeLineHeight: (size) => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
 });
-export { bodyFont, cherryBombFont, headingFont, monoFont, silkscreenFont };
+const monoFont = createGenericFont(monoFamily, {
+	weight: { 1: "400" },
+	size: {
+		1: 11,
+		2: 12,
+		3: 13,
+		4: 14,
+		5: 16,
+		6: 18,
+		7: 20,
+		8: 22,
+		9: 24,
+		10: 32,
+		11: 46,
+		12: 62,
+		13: 72,
+		14: 92,
+		15: 114,
+		16: 124
+	}
+}, { sizeLineHeight: (x) => x * 1.5 + 2 });
+
+export { bodyFont, cherryBombFont, headingFont, monoFont };
 //# sourceMappingURL=fonts.mjs.map

package/dist/esm/fonts.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createCherryBombFont","createInterFont","createSilkscreenFont","createGenericFont","cherryBombFont","family","weight","silkscreenFont","headingFont","size","transform","color","letterSpacing","face","normal","sizeLineHeight","Math","round","bodyFont","sizeSize","monoFont","x"],"sources":["../../src/fonts.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,QAA4B;AACrC,SAASC,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AACrC,SAASC,iBAAA,QAAyB;AAE3B,MAAMC,cAAA,GAAiBJ,oBAAA,CAAqB;EAAA;EAAA;EAAA;EAIjDK,MAAA,EACE;EAAA;EAAA;EAAA;EAIFC,MAAA,EAAQ;IACN,GAAG;EACL;AACF,CAAC;AACM,MAAMC,cAAA,GAAiBL,oBAAA,CAAqB;AAC5C,MAAMM,WAAA,GAAcP,eAAA,CACzB;EACEQ,IAAA,EAAM;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;EACN;EACAC,SAAA,EAAW;IACT,GAAG;IACH,GAAG;EACL;EACAJ,MAAA,EAAQ;IACN,GAAG;IACH,GAAG;EACL;EACAK,KAAA,EAAO;IACL,GAAG;IACH,GAAG;EACL;EACAC,aAAA,EAAe;IACb,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;EACN;EAAA;EAEAC,IAAA,EAAM;IACJ,KAAK;MAAEC,MAAA,EAAQ;IAAY;IAC3B,KAAK;MAAEA,MAAA,EAAQ;IAAY;IAC3B,KAAK;MAAEA,MAAA,EAAQ;IAAY;EAC7B;AACF,GACA;EAAEC,cAAA,EAAiBN,IAAA,IAASO,IAAA,CAAKC,KAAA,CAAMR,IAAA,GAAO,OAAOA,IAAA,GAAO,KAAK,KAAK,EAAE;AAAE,CAC5E;AAEO,MAAMS,QAAA,GAAWjB,eAAA,CACtB;EACEK,MAAA,EAAQ;IACN,GAAG;EACL;AACF,GACA;EACEa,QAAA,EAAWV,IAAA,IAASO,IAAA,CAAKC,KAAA,CAAMR,IAAI;EACnCM,cAAA,EAAiBN,IAAA,IAASO,IAAA,CAAKC,KAAA,CAAMR,IAAA,GAAO,OAAOA,IAAA,IAAQ,KAAK,KAAK,EAAE;AACzE,CACF;AAEO,MAAMW,QAAA,GAAWjB,iBAAA,CACtB,+GACA;EACEG,MAAA,EAAQ;IACN,GAAG;EACL;EACAG,IAAA,EAAM;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;EACN;AACF,GACA;EACEM,cAAA,EAAiBM,CAAA,IAAMA,CAAA,GAAI,MAAM;AACnC,CACF","ignoreList":[]}
+{"version":3,"file":"fonts.js","names":[],"sources":["esm/fonts.js"],"sourcesContent":["import { createCherryBombFont } from \"@tamagui/font-cherry-bomb\";\nimport { createInterFont } from \"@tamagui/font-inter\";\nimport { createGenericFont } from \"./createGenericFont\";\n\nconst interFamily = \"\\\"Inter\\\", -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial, sans-serif\";\nconst monoFamily = \"\\\"JetBrains Mono\\\", ui-monospace, \\\"SFMono-Regular\\\", \\\"SF Mono\\\", Menlo, Consolas, \\\"Liberation Mono\\\", monospace\";\nconst cherryBombFont = createCherryBombFont({\n\tfamily: `\"Cherry Bomb\", \"Arial Black\", \"Helvetica Neue\", Helvetica, Arial, sans-serif`,\n\tweight: { 4: \"800\" },\n\tsize: { true: 22.4 }\n});\nconst headingFont = createInterFont({\n\tfamily: interFamily,\n\tsize: {\n\t\ttrue: 14,\n\t\t5: 13,\n\t\t6: 15,\n\t\t9: 30,\n\t\t10: 44\n\t},\n\ttransform: {\n\t\t6: \"uppercase\",\n\t\t7: \"none\"\n\t},\n\tweight: {\n\t\t6: \"400\",\n\t\t7: \"700\"\n\t},\n\tcolor: {\n\t\t6: \"color-focus\",\n\t\t7: \"color\"\n\t},\n\tletterSpacing: {\n\t\t5: 2,\n\t\t6: 1,\n\t\t7: 0,\n\t\t8: 0,\n\t\t9: 0,\n\t\t10: 0,\n\t\t11: 0,\n\t\t12: 0,\n\t\t14: 0,\n\t\t15: 0\n\t}\n}, { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) });\nconst bodyFont = createInterFont({\n\tfamily: interFamily,\n\tsize: { true: 14 },\n\tweight: { 1: \"400\" }\n}, {\n\tsizeSize: (size) => Math.round(size),\n\tsizeLineHeight: (size) => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))\n});\nconst monoFont = createGenericFont(monoFamily, {\n\tweight: { 1: \"400\" },\n\tsize: {\n\t\t1: 11,\n\t\t2: 12,\n\t\t3: 13,\n\t\t4: 14,\n\t\t5: 16,\n\t\t6: 18,\n\t\t7: 20,\n\t\t8: 22,\n\t\t9: 24,\n\t\t10: 32,\n\t\t11: 46,\n\t\t12: 62,\n\t\t13: 72,\n\t\t14: 92,\n\t\t15: 114,\n\t\t16: 124\n\t}\n}, { sizeLineHeight: (x) => x * 1.5 + 2 });\n\nexport { bodyFont, cherryBombFont, headingFont, monoFont };"],"mappings":";;;;;AAIA,MAAM,cAAc;AACpB,MAAM,aAAa;AACnB,MAAM,iBAAiB,qBAAqB;CAC3C,QAAQ;CACR,QAAQ,EAAE,GAAG,MAAM;CACnB,MAAM,EAAE,MAAM,KAAK;AACpB,CAAC;AACD,MAAM,cAAc,gBAAgB;CACnC,QAAQ;CACR,MAAM;EACL,MAAM;EACN,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;CACL;CACA,WAAW;EACV,GAAG;EACH,GAAG;CACJ;CACA,QAAQ;EACP,GAAG;EACH,GAAG;CACJ;CACA,OAAO;EACN,GAAG;EACH,GAAG;CACJ;CACA,eAAe;EACd,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACL;AACD,GAAG,EAAE,iBAAiB,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE,CAAC;AAC9E,MAAM,WAAW,gBAAgB;CAChC,QAAQ;CACR,MAAM,EAAE,MAAM,GAAG;CACjB,QAAQ,EAAE,GAAG,MAAM;AACpB,GAAG;CACF,WAAW,SAAS,KAAK,MAAM,IAAI;CACnC,iBAAiB,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,KAAK,EAAE;AACxE,CAAC;AACD,MAAM,WAAW,kBAAkB,YAAY;CAC9C,QAAQ,EAAE,GAAG,MAAM;CACnB,MAAM;EACL,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACL;AACD,GAAG,EAAE,iBAAiB,MAAM,IAAI,MAAM,EAAE,CAAC"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export * from "./tamagui.dev.config.mjs";
-export * from "./media.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./tamagui.dev.config.mjs"
+
+export * from "./media.mjs"

package/dist/esm/index.mjs

@@ -1,3 +1,3 @@
-export * from "./tamagui.dev.config.mjs";
-export * from "./media.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./tamagui.dev.config.mjs"
+
+export * from "./media.mjs"

package/dist/esm/media.mjs

@@ -1,90 +1,55 @@
-const demoMedia = [500, 620, 780, 900];
-const widths = [660, 800, 1020, 1280];
+const demoMedia = [
+	500,
+	620,
+	780,
+	900
+];
+const widths = [
+	660,
+	800,
+	1020,
+	1280
+];
 const breakpoints = {
-  "2xl": 1536,
-  xl: 1280,
-  lg: 1024,
-  md: 768,
-  sm: 640,
-  xs: 460,
-  "2xs": 340
+	"2xl": 1536,
+	xl: 1280,
+	lg: 1024,
+	md: 768,
+	sm: 640,
+	xs: 460,
+	"2xs": 340
 };
 const media = {
-  // v4 Config
-  maxXs: {
-    maxWidth: breakpoints.xs
-  },
-  max2xs: {
-    maxWidth: breakpoints["2xs"]
-  },
-  maxSm: {
-    maxWidth: breakpoints.sm
-  },
-  maxMd: {
-    maxWidth: breakpoints.md
-  },
-  maxLg: {
-    maxWidth: breakpoints.lg
-  },
-  maxXl: {
-    maxWidth: breakpoints.xl
-  },
-  max2Xl: {
-    maxWidth: breakpoints["2xl"]
-  },
-  // for site
-  xl: {
-    maxWidth: 1650
-  },
-  // between lg and xl - for studio usage
-  lg_xl: {
-    maxWidth: 1400
-  },
-  lg: {
-    maxWidth: 1280
-  },
-  md: {
-    maxWidth: 1020
-  },
-  sm: {
-    maxWidth: 800
-  },
-  xs: {
-    maxWidth: 660
-  },
-  xxs: {
-    maxWidth: 390
-  },
-  gtXxs: {
-    minWidth: 390 + 1
-  },
-  gtXs: {
-    minWidth: 660 + 1
-  },
-  gtSm: {
-    minWidth: 800 + 1
-  },
-  gtMd: {
-    minWidth: 1020 + 1
-  },
-  gtLg: {
-    minWidth: 1280 + 1
-  },
-  gtXl: {
-    minWidth: 1650 + 1
-  },
-  pointerFine: {
-    pointer: "fine"
-  }
+	"max-xs": { maxWidth: breakpoints.xs },
+	"max-2xs": { maxWidth: breakpoints["2xs"] },
+	"max-sm": { maxWidth: breakpoints.sm },
+	"max-md": { maxWidth: breakpoints.md },
+	"max-lg": { maxWidth: breakpoints.lg },
+	"max-xl": { maxWidth: breakpoints.xl },
+	"max-2xl": { maxWidth: breakpoints["2xl"] },
+	xl: { maxWidth: 1650 },
+	lg_xl: { maxWidth: 1400 },
+	lg: { maxWidth: 1280 },
+	md: { maxWidth: 1020 },
+	sm: { maxWidth: 800 },
+	xs: { maxWidth: 660 },
+	xxs: { maxWidth: 390 },
+	gtXxs: { minWidth: 390 + 1 },
+	gtXs: { minWidth: 660 + 1 },
+	gtSm: { minWidth: 800 + 1 },
+	gtMd: { minWidth: 1020 + 1 },
+	gtLg: { minWidth: 1280 + 1 },
+	gtXl: { minWidth: 1650 + 1 },
+	pointerFine: { pointer: "fine" }
 };
 const mediaQueryDefaultActive = {
-  xl: true,
-  lg: true,
-  md: true,
-  sm: true,
-  xs: true,
-  // false
-  xxs: false
+	xl: true,
+	lg: true,
+	md: true,
+	sm: true,
+	xs: true,
+	xxs: false
 };
+
 export { demoMedia, media, mediaQueryDefaultActive, widths };
 //# sourceMappingURL=media.mjs.map

package/dist/esm/media.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["demoMedia","widths","breakpoints","xl","lg","md","sm","xs","media","maxXs","maxWidth","max2xs","maxSm","maxMd","maxLg","maxXl","max2Xl","lg_xl","xxs","gtXxs","minWidth","gtXs","gtSm","gtMd","gtLg","gtXl","pointerFine","pointer","mediaQueryDefaultActive"],"sources":["../../src/media.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,SAAA,GAAY,CAAC,KAAK,KAAK,KAAK,GAAG;AACrC,MAAMC,MAAA,GAAS,CAAC,KAAK,KAAK,MAAM,IAAI;AAM3C,MAAMC,WAAA,GAAc;EAClB,OAAO;EACPC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJ,OAAO;AACT;AAEO,MAAMC,KAAA,GAAQ;EAAA;EAEnBC,KAAA,EAAO;IAAEC,QAAA,EAAUR,WAAA,CAAYK;EAAG;EAClCI,MAAA,EAAQ;IAAED,QAAA,EAAUR,WAAA,CAAY,KAAK;EAAE;EACvCU,KAAA,EAAO;IAAEF,QAAA,EAAUR,WAAA,CAAYI;EAAG;EAClCO,KAAA,EAAO;IAAEH,QAAA,EAAUR,WAAA,CAAYG;EAAG;EAClCS,KAAA,EAAO;IAAEJ,QAAA,EAAUR,WAAA,CAAYE;EAAG;EAClCW,KAAA,EAAO;IAAEL,QAAA,EAAUR,WAAA,CAAYC;EAAG;EAClCa,MAAA,EAAQ;IAAEN,QAAA,EAAUR,WAAA,CAAY,KAAK;EAAE;EAAA;EAEvCC,EAAA,EAAI;IAAEO,QAAA,EAAU;EAAK;EAAA;EAErBO,KAAA,EAAO;IAAEP,QAAA,EAAU;EAAK;EACxBN,EAAA,EAAI;IAAEM,QAAA,EAAU;EAAK;EACrBL,EAAA,EAAI;IAAEK,QAAA,EAAU;EAAK;EACrBJ,EAAA,EAAI;IAAEI,QAAA,EAAU;EAAI;EACpBH,EAAA,EAAI;IAAEG,QAAA,EAAU;EAAI;EACpBQ,GAAA,EAAK;IAAER,QAAA,EAAU;EAAI;EACrBS,KAAA,EAAO;IAAEC,QAAA,EAAU,MAAM;EAAE;EAC3BC,IAAA,EAAM;IAAED,QAAA,EAAU,MAAM;EAAE;EAC1BE,IAAA,EAAM;IAAEF,QAAA,EAAU,MAAM;EAAE;EAC1BG,IAAA,EAAM;IAAEH,QAAA,EAAU,OAAO;EAAE;EAC3BI,IAAA,EAAM;IAAEJ,QAAA,EAAU,OAAO;EAAE;EAC3BK,IAAA,EAAM;IAAEL,QAAA,EAAU,OAAO;EAAE;EAC3BM,WAAA,EAAa;IAAEC,OAAA,EAAS;EAAO;AACjC;AAIO,MAAMC,uBAAA,GAA0B;EACrCzB,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EAAA;EAEJW,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"file":"media.js","names":[],"sources":["esm/media.js"],"sourcesContent":["const demoMedia = [500, 620, 780, 900];\nconst widths = [660, 800, 1020, 1280];\nconst breakpoints = {\n  \"2xl\": 1536,\n  xl: 1280,\n  lg: 1024,\n  md: 768,\n  sm: 640,\n  xs: 460,\n  \"2xs\": 340\n};\nconst media = {\n  // v4 Config\n  \"max-xs\": { maxWidth: breakpoints.xs },\n  \"max-2xs\": { maxWidth: breakpoints[\"2xs\"] },\n  \"max-sm\": { maxWidth: breakpoints.sm },\n  \"max-md\": { maxWidth: breakpoints.md },\n  \"max-lg\": { maxWidth: breakpoints.lg },\n  \"max-xl\": { maxWidth: breakpoints.xl },\n  \"max-2xl\": { maxWidth: breakpoints[\"2xl\"] },\n  // for site\n  xl: { maxWidth: 1650 },\n  // between lg and xl - for studio usage\n  lg_xl: { maxWidth: 1400 },\n  lg: { maxWidth: 1280 },\n  md: { maxWidth: 1020 },\n  sm: { maxWidth: 800 },\n  xs: { maxWidth: 660 },\n  xxs: { maxWidth: 390 },\n  gtXxs: { minWidth: 390 + 1 },\n  gtXs: { minWidth: 660 + 1 },\n  gtSm: { minWidth: 800 + 1 },\n  gtMd: { minWidth: 1020 + 1 },\n  gtLg: { minWidth: 1280 + 1 },\n  gtXl: { minWidth: 1650 + 1 },\n  pointerFine: { pointer: \"fine\" }\n};\nconst mediaQueryDefaultActive = {\n  xl: true,\n  lg: true,\n  md: true,\n  sm: true,\n  xs: true,\n  // false\n  xxs: false\n};\nexport {\n  demoMedia,\n  media,\n  mediaQueryDefaultActive,\n  widths\n};\n//# sourceMappingURL=media.js.map\n"],"mappings":";AAAA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;AAAG;AACrC,MAAM,SAAS;CAAC;CAAK;CAAK;CAAM;AAAI;AACpC,MAAM,cAAc;CAClB,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;AACA,MAAM,QAAQ;CAEZ,UAAU,EAAE,UAAU,YAAY,GAAG;CACrC,WAAW,EAAE,UAAU,YAAY,OAAO;CAC1C,UAAU,EAAE,UAAU,YAAY,GAAG;CACrC,UAAU,EAAE,UAAU,YAAY,GAAG;CACrC,UAAU,EAAE,UAAU,YAAY,GAAG;CACrC,UAAU,EAAE,UAAU,YAAY,GAAG;CACrC,WAAW,EAAE,UAAU,YAAY,OAAO;CAE1C,IAAI,EAAE,UAAU,KAAK;CAErB,OAAO,EAAE,UAAU,KAAK;CACxB,IAAI,EAAE,UAAU,KAAK;CACrB,IAAI,EAAE,UAAU,KAAK;CACrB,IAAI,EAAE,UAAU,IAAI;CACpB,IAAI,EAAE,UAAU,IAAI;CACpB,KAAK,EAAE,UAAU,IAAI;CACrB,OAAO,EAAE,UAAU,MAAM,EAAE;CAC3B,MAAM,EAAE,UAAU,MAAM,EAAE;CAC1B,MAAM,EAAE,UAAU,MAAM,EAAE;CAC1B,MAAM,EAAE,UAAU,OAAO,EAAE;CAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;CAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;CAC3B,aAAa,EAAE,SAAS,OAAO;AACjC;AACA,MAAM,0BAA0B;CAC9B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,KAAK;AACP"}