@tamagui/font 1.11.0

package/README.md

@@ -0,0 +1 @@
+## addFont

package/dist/cjs/index.js

@@ -0,0 +1,88 @@
+"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 src_exports = {};
+__export(src_exports, {
+  addFont: () => addFont
+});
+module.exports = __toCommonJS(src_exports);
+var import_constants = require("@tamagui/constants");
+var import_web = require("@tamagui/web");
+function addFont(props) {
+  var _a;
+  const config = (0, import_web.getConfig)();
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) {
+      return { fontFamily };
+    }
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (import_constants.isWeb) {
+    const fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
+    const parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      const {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      const fontSelector = `.font_${name}`;
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      const id = `t_font_style_${fontFamilyNameIn}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addFont
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  createVariables,\n  getConfig,\n  parseFont,\n  registerFontVariables,\n} from '@tamagui/web'\nimport type { CreateTamaguiProps } from '@tamagui/web'\n\nexport function addFont(props: {\n  fontFamilyName: string\n  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]\n  insertCSS?: boolean\n  // TODO make sure to add updateFont\n  update?: boolean\n}) {\n  const config = getConfig()\n  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const fontFamily = config.fonts[fontFamilyNameIn]\n    if (!props.update && fontFamily) {\n      return { fontFamily }\n    }\n  }\n\n  config.fonts[fontFamilyNameIn] = fontFamilyIn\n\n  const sep =\n    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n  function declarationsToRuleSet(decs: string[], selector = '') {\n    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n  }\n\n  if (isWeb) {\n    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)\n    const parsedFontFamily = parseFont(fontFamilyToken)\n    const fontFamilyNameParsed = `$${fontFamilyNameIn}`\n    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily\n\n    if (props.insertCSS) {\n      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')\n        ? fontFamilyNameParsed.split('_')\n        : [fontFamilyNameParsed]\n      const fontVars = registerFontVariables(parsedFontFamily)\n      const fontDeclaration = {\n        [fontFamilyNameIn]: {\n          name: ff_name.slice(1),\n          declarations: fontVars,\n          language: ff_language,\n        },\n      }\n\n      const {\n        name,\n        declarations,\n        language = 'default',\n      } = fontDeclaration[fontFamilyNameIn]\n      const fontSelector = `.font_${name}`\n      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n      const selectors =\n        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n      const cssRuleSets = declarationsToRuleSet(declarations, selectors)\n\n      const id = `t_font_style_${fontFamilyNameIn}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(`${cssRuleSets}`))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n      return {\n        fontFamilyToken,\n        fontDeclaration,\n      }\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,iBAKO;AAGA,SAAS,QAAQ,OAMrB;AAfH;AAgBE,QAAM,aAAS,sBAAU;AACzB,QAAM,EAAE,gBAAgB,kBAAkB,YAAY,aAAa,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAM,aAAa,OAAO,MAAM,gBAAgB;AAChD,QAAI,CAAC,MAAM,UAAU,YAAY;AAC/B,aAAO,EAAE,WAAW;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,MAAM,gBAAgB,IAAI;AAEjC,QAAM,MACJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAC7E,WAAS,sBAAsB,MAAgB,WAAW,IAAI;AAC5D,WAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,EAChE;AAEA,MAAI,wBAAO;AACT,UAAM,sBAAkB,4BAAgB,cAAc,KAAK,IAAI;AAC/D,UAAM,uBAAmB,sBAAU,eAAe;AAClD,UAAM,uBAAuB,IAAI;AACjC,WAAO,YAAY,oBAAoB,IAAI;AAE3C,QAAI,MAAM,WAAW;AACnB,YAAM,CAAC,SAAS,WAAW,IAAI,qBAAqB,SAAS,GAAG,IAC5D,qBAAqB,MAAM,GAAG,IAC9B,CAAC,oBAAoB;AACzB,YAAM,eAAW,kCAAsB,gBAAgB;AACvD,YAAM,kBAAkB;AAAA,QACtB,CAAC,gBAAgB,GAAG;AAAA,UAClB,MAAM,QAAQ,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb,IAAI,gBAAgB,gBAAgB;AACpC,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,YAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,YAAM,cAAc,sBAAsB,cAAc,SAAS;AAEjE,YAAM,KAAK,gBAAgB;AAC3B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;AAC3D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AACA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,69 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables
+} from "@tamagui/web";
+function addFont(props) {
+  var _a;
+  const config = getConfig();
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) {
+      return { fontFamily };
+    }
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
+    const parsedFontFamily = parseFont(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = registerFontVariables(parsedFontFamily);
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      const {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      const fontSelector = `.font_${name}`;
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      const id = `t_font_style_${fontFamilyNameIn}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export {
+  addFont
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  createVariables,\n  getConfig,\n  parseFont,\n  registerFontVariables,\n} from '@tamagui/web'\nimport type { CreateTamaguiProps } from '@tamagui/web'\n\nexport function addFont(props: {\n  fontFamilyName: string\n  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]\n  insertCSS?: boolean\n  // TODO make sure to add updateFont\n  update?: boolean\n}) {\n  const config = getConfig()\n  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const fontFamily = config.fonts[fontFamilyNameIn]\n    if (!props.update && fontFamily) {\n      return { fontFamily }\n    }\n  }\n\n  config.fonts[fontFamilyNameIn] = fontFamilyIn\n\n  const sep =\n    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n  function declarationsToRuleSet(decs: string[], selector = '') {\n    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n  }\n\n  if (isWeb) {\n    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)\n    const parsedFontFamily = parseFont(fontFamilyToken)\n    const fontFamilyNameParsed = `$${fontFamilyNameIn}`\n    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily\n\n    if (props.insertCSS) {\n      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')\n        ? fontFamilyNameParsed.split('_')\n        : [fontFamilyNameParsed]\n      const fontVars = registerFontVariables(parsedFontFamily)\n      const fontDeclaration = {\n        [fontFamilyNameIn]: {\n          name: ff_name.slice(1),\n          declarations: fontVars,\n          language: ff_language,\n        },\n      }\n\n      const {\n        name,\n        declarations,\n        language = 'default',\n      } = fontDeclaration[fontFamilyNameIn]\n      const fontSelector = `.font_${name}`\n      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n      const selectors =\n        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n      const cssRuleSets = declarationsToRuleSet(declarations, selectors)\n\n      const id = `t_font_style_${fontFamilyNameIn}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(`${cssRuleSets}`))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n      return {\n        fontFamilyToken,\n        fontDeclaration,\n      }\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,QAAQ,OAMrB;AAfH;AAgBE,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,gBAAgB,kBAAkB,YAAY,aAAa,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAM,aAAa,OAAO,MAAM,gBAAgB;AAChD,QAAI,CAAC,MAAM,UAAU,YAAY;AAC/B,aAAO,EAAE,WAAW;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,MAAM,gBAAgB,IAAI;AAEjC,QAAM,MACJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAC7E,WAAS,sBAAsB,MAAgB,WAAW,IAAI;AAC5D,WAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,EAChE;AAEA,MAAI,OAAO;AACT,UAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;AAC/D,UAAM,mBAAmB,UAAU,eAAe;AAClD,UAAM,uBAAuB,IAAI;AACjC,WAAO,YAAY,oBAAoB,IAAI;AAE3C,QAAI,MAAM,WAAW;AACnB,YAAM,CAAC,SAAS,WAAW,IAAI,qBAAqB,SAAS,GAAG,IAC5D,qBAAqB,MAAM,GAAG,IAC9B,CAAC,oBAAoB;AACzB,YAAM,WAAW,sBAAsB,gBAAgB;AACvD,YAAM,kBAAkB;AAAA,QACtB,CAAC,gBAAgB,GAAG;AAAA,UAClB,MAAM,QAAQ,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb,IAAI,gBAAgB,gBAAgB;AACpC,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,YAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,YAAM,cAAc,sBAAsB,cAAc,SAAS;AAEjE,YAAM,KAAK,gBAAgB;AAC3B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;AAC3D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AACA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/index.mjs

@@ -0,0 +1,69 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables
+} from "@tamagui/web";
+function addFont(props) {
+  var _a;
+  const config = getConfig();
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) {
+      return { fontFamily };
+    }
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
+    const parsedFontFamily = parseFont(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = registerFontVariables(parsedFontFamily);
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      const {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      const fontSelector = `.font_${name}`;
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      const id = `t_font_style_${fontFamilyNameIn}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export {
+  addFont
+};
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  createVariables,\n  getConfig,\n  parseFont,\n  registerFontVariables,\n} from '@tamagui/web'\nimport type { CreateTamaguiProps } from '@tamagui/web'\n\nexport function addFont(props: {\n  fontFamilyName: string\n  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]\n  insertCSS?: boolean\n  // TODO make sure to add updateFont\n  update?: boolean\n}) {\n  const config = getConfig()\n  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const fontFamily = config.fonts[fontFamilyNameIn]\n    if (!props.update && fontFamily) {\n      return { fontFamily }\n    }\n  }\n\n  config.fonts[fontFamilyNameIn] = fontFamilyIn\n\n  const sep =\n    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n  function declarationsToRuleSet(decs: string[], selector = '') {\n    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n  }\n\n  if (isWeb) {\n    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)\n    const parsedFontFamily = parseFont(fontFamilyToken)\n    const fontFamilyNameParsed = `$${fontFamilyNameIn}`\n    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily\n\n    if (props.insertCSS) {\n      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')\n        ? fontFamilyNameParsed.split('_')\n        : [fontFamilyNameParsed]\n      const fontVars = registerFontVariables(parsedFontFamily)\n      const fontDeclaration = {\n        [fontFamilyNameIn]: {\n          name: ff_name.slice(1),\n          declarations: fontVars,\n          language: ff_language,\n        },\n      }\n\n      const {\n        name,\n        declarations,\n        language = 'default',\n      } = fontDeclaration[fontFamilyNameIn]\n      const fontSelector = `.font_${name}`\n      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n      const selectors =\n        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n      const cssRuleSets = declarationsToRuleSet(declarations, selectors)\n\n      const id = `t_font_style_${fontFamilyNameIn}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(`${cssRuleSets}`))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n      return {\n        fontFamilyToken,\n        fontDeclaration,\n      }\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,QAAQ,OAMrB;AAfH;AAgBE,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,gBAAgB,kBAAkB,YAAY,aAAa,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAM,aAAa,OAAO,MAAM,gBAAgB;AAChD,QAAI,CAAC,MAAM,UAAU,YAAY;AAC/B,aAAO,EAAE,WAAW;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,MAAM,gBAAgB,IAAI;AAEjC,QAAM,MACJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAC7E,WAAS,sBAAsB,MAAgB,WAAW,IAAI;AAC5D,WAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,EAChE;AAEA,MAAI,OAAO;AACT,UAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;AAC/D,UAAM,mBAAmB,UAAU,eAAe;AAClD,UAAM,uBAAuB,IAAI;AACjC,WAAO,YAAY,oBAAoB,IAAI;AAE3C,QAAI,MAAM,WAAW;AACnB,YAAM,CAAC,SAAS,WAAW,IAAI,qBAAqB,SAAS,GAAG,IAC5D,qBAAqB,MAAM,GAAG,IAC9B,CAAC,oBAAoB;AACzB,YAAM,WAAW,sBAAsB,gBAAgB;AACvD,YAAM,kBAAkB;AAAA,QACtB,CAAC,gBAAgB,GAAG;AAAA,UAClB,MAAM,QAAQ,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb,IAAI,gBAAgB,gBAAgB;AACpC,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,YAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,YAAM,cAAc,sBAAsB,cAAc,SAAS;AAEjE,YAAM,KAAK,gBAAgB;AAC3B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;AAC3D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AACA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,68 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables
+} from "@tamagui/web";
+function addFont(props) {
+  const config = getConfig();
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) {
+      return { fontFamily };
+    }
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
+    const parsedFontFamily = parseFont(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = registerFontVariables(parsedFontFamily);
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      const {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      const fontSelector = `.font_${name}`;
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      const id = `t_font_style_${fontFamilyNameIn}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        existing.parentElement?.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export {
+  addFont
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  createVariables,\n  getConfig,\n  parseFont,\n  registerFontVariables,\n} from '@tamagui/web'\nimport type { CreateTamaguiProps } from '@tamagui/web'\n\nexport function addFont(props: {\n  fontFamilyName: string\n  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]\n  insertCSS?: boolean\n  // TODO make sure to add updateFont\n  update?: boolean\n}) {\n  const config = getConfig()\n  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const fontFamily = config.fonts[fontFamilyNameIn]\n    if (!props.update && fontFamily) {\n      return { fontFamily }\n    }\n  }\n\n  config.fonts[fontFamilyNameIn] = fontFamilyIn\n\n  const sep =\n    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n  function declarationsToRuleSet(decs: string[], selector = '') {\n    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n  }\n\n  if (isWeb) {\n    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)\n    const parsedFontFamily = parseFont(fontFamilyToken)\n    const fontFamilyNameParsed = `$${fontFamilyNameIn}`\n    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily\n\n    if (props.insertCSS) {\n      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')\n        ? fontFamilyNameParsed.split('_')\n        : [fontFamilyNameParsed]\n      const fontVars = registerFontVariables(parsedFontFamily)\n      const fontDeclaration = {\n        [fontFamilyNameIn]: {\n          name: ff_name.slice(1),\n          declarations: fontVars,\n          language: ff_language,\n        },\n      }\n\n      const {\n        name,\n        declarations,\n        language = 'default',\n      } = fontDeclaration[fontFamilyNameIn]\n      const fontSelector = `.font_${name}`\n      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n      const selectors =\n        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n      const cssRuleSets = declarationsToRuleSet(declarations, selectors)\n\n      const id = `t_font_style_${fontFamilyNameIn}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(`${cssRuleSets}`))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n      return {\n        fontFamilyToken,\n        fontDeclaration,\n      }\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,QAAQ,OAMrB;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,gBAAgB,kBAAkB,YAAY,aAAa,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAM,aAAa,OAAO,MAAM,gBAAgB;AAChD,QAAI,CAAC,MAAM,UAAU,YAAY;AAC/B,aAAO,EAAE,WAAW;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,MAAM,gBAAgB,IAAI;AAEjC,QAAM,MACJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAC7E,WAAS,sBAAsB,MAAgB,WAAW,IAAI;AAC5D,WAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,EAChE;AAEA,MAAI,OAAO;AACT,UAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;AAC/D,UAAM,mBAAmB,UAAU,eAAe;AAClD,UAAM,uBAAuB,IAAI;AACjC,WAAO,YAAY,oBAAoB,IAAI;AAE3C,QAAI,MAAM,WAAW;AACnB,YAAM,CAAC,SAAS,WAAW,IAAI,qBAAqB,SAAS,GAAG,IAC5D,qBAAqB,MAAM,GAAG,IAC9B,CAAC,oBAAoB;AACzB,YAAM,WAAW,sBAAsB,gBAAgB;AACvD,YAAM,kBAAkB;AAAA,QACtB,CAAC,gBAAgB,GAAG;AAAA,UAClB,MAAM,QAAQ,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb,IAAI,gBAAgB,gBAAgB;AACpC,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,YAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,YAAM,cAAc,sBAAsB,cAAc,SAAS;AAEjE,YAAM,KAAK,gBAAgB;AAC3B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;AAC3D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;AACA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,68 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables
+} from "@tamagui/web";
+function addFont(props) {
+  const config = getConfig();
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) {
+      return { fontFamily };
+    }
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
+    const parsedFontFamily = parseFont(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = registerFontVariables(parsedFontFamily);
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      const {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      const fontSelector = `.font_${name}`;
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      const id = `t_font_style_${fontFamilyNameIn}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        existing.parentElement?.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export {
+  addFont
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  createVariables,\n  getConfig,\n  parseFont,\n  registerFontVariables,\n} from '@tamagui/web'\nimport type { CreateTamaguiProps } from '@tamagui/web'\n\nexport function addFont(props: {\n  fontFamilyName: string\n  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]\n  insertCSS?: boolean\n  // TODO make sure to add updateFont\n  update?: boolean\n}) {\n  const config = getConfig()\n  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const fontFamily = config.fonts[fontFamilyNameIn]\n    if (!props.update && fontFamily) {\n      return { fontFamily }\n    }\n  }\n\n  config.fonts[fontFamilyNameIn] = fontFamilyIn\n\n  const sep =\n    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n  function declarationsToRuleSet(decs: string[], selector = '') {\n    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n  }\n\n  if (isWeb) {\n    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)\n    const parsedFontFamily = parseFont(fontFamilyToken)\n    const fontFamilyNameParsed = `$${fontFamilyNameIn}`\n    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily\n\n    if (props.insertCSS) {\n      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')\n        ? fontFamilyNameParsed.split('_')\n        : [fontFamilyNameParsed]\n      const fontVars = registerFontVariables(parsedFontFamily)\n      const fontDeclaration = {\n        [fontFamilyNameIn]: {\n          name: ff_name.slice(1),\n          declarations: fontVars,\n          language: ff_language,\n        },\n      }\n\n      const {\n        name,\n        declarations,\n        language = 'default',\n      } = fontDeclaration[fontFamilyNameIn]\n      const fontSelector = `.font_${name}`\n      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n      const selectors =\n        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n      const cssRuleSets = declarationsToRuleSet(declarations, selectors)\n\n      const id = `t_font_style_${fontFamilyNameIn}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(`${cssRuleSets}`))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n      return {\n        fontFamilyToken,\n        fontDeclaration,\n      }\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,QAAQ,OAMrB;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,gBAAgB,kBAAkB,YAAY,aAAa,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAM,aAAa,OAAO,MAAM,gBAAgB;AAChD,QAAI,CAAC,MAAM,UAAU,YAAY;AAC/B,aAAO,EAAE,WAAW;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,MAAM,gBAAgB,IAAI;AAEjC,QAAM,MACJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAC7E,WAAS,sBAAsB,MAAgB,WAAW,IAAI;AAC5D,WAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,EAChE;AAEA,MAAI,OAAO;AACT,UAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;AAC/D,UAAM,mBAAmB,UAAU,eAAe;AAClD,UAAM,uBAAuB,IAAI;AACjC,WAAO,YAAY,oBAAoB,IAAI;AAE3C,QAAI,MAAM,WAAW;AACnB,YAAM,CAAC,SAAS,WAAW,IAAI,qBAAqB,SAAS,GAAG,IAC5D,qBAAqB,MAAM,GAAG,IAC9B,CAAC,oBAAoB;AACzB,YAAM,WAAW,sBAAsB,gBAAgB;AACvD,YAAM,kBAAkB;AAAA,QACtB,CAAC,gBAAgB,GAAG;AAAA,UAClB,MAAM,QAAQ,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb,IAAI,gBAAgB,gBAAgB;AACpC,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,YAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,YAAM,cAAc,sBAAsB,cAAc,SAAS;AAEjE,YAAM,KAAK,gBAAgB;AAC3B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;AAC3D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;AACA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@tamagui/font",
+  "version": "1.11.0",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "@tamagui/constants": "1.11.0",
+    "@tamagui/web": "1.11.0"
+  },
+  "peerDependencies": {
+    "react": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.11.0",
+    "react": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,83 @@
+import { isWeb } from '@tamagui/constants'
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables,
+} from '@tamagui/web'
+import type { CreateTamaguiProps } from '@tamagui/web'
+
+export function addFont(props: {
+  fontFamilyName: string
+  fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']]
+  insertCSS?: boolean
+  // TODO make sure to add updateFont
+  update?: boolean
+}) {
+  const config = getConfig()
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props
+
+  if (process.env.NODE_ENV === 'development') {
+    if (!config) {
+      throw new Error('No config')
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn]
+    if (!props.update && fontFamily) {
+      return { fontFamily }
+    }
+  }
+
+  config.fonts[fontFamilyNameIn] = fontFamilyIn
+
+  const sep =
+    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''
+  function declarationsToRuleSet(decs: string[], selector = '') {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`
+  }
+
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)
+    const parsedFontFamily = parseFont(fontFamilyToken)
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily
+
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')
+        ? fontFamilyNameParsed.split('_')
+        : [fontFamilyNameParsed]
+      const fontVars = registerFontVariables(parsedFontFamily)
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language,
+        },
+      }
+
+      const {
+        name,
+        declarations,
+        language = 'default',
+      } = fontDeclaration[fontFamilyNameIn]
+      const fontSelector = `.font_${name}`
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`
+      const selectors =
+        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors)
+
+      const id = `t_font_style_${fontFamilyNameIn}`
+      const existing = document.querySelector(`#${id}`)
+      const style = document.createElement('style')
+      style.id = id
+      style.appendChild(document.createTextNode(`${cssRuleSets}`))
+      document.head.appendChild(style)
+      if (existing) {
+        existing.parentElement?.removeChild(existing)
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration,
+      }
+    }
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,22 @@
+import type { CreateTamaguiProps } from '@tamagui/web';
+export declare function addFont(props: {
+    fontFamilyName: string;
+    fontFamily: CreateTamaguiProps['fonts'][keyof CreateTamaguiProps['fonts']];
+    insertCSS?: boolean;
+    update?: boolean;
+}): {
+    fontFamily: import("@tamagui/web").GenericFont<string | number>;
+    fontFamilyToken?: undefined;
+    fontDeclaration?: undefined;
+} | {
+    fontFamilyToken: import("@tamagui/web").DeepVariableObject<import("@tamagui/web").GenericFont<string | number>>;
+    fontDeclaration: {
+        [x: string]: {
+            name: string;
+            declarations: string[];
+            language: string;
+        };
+    };
+    fontFamily?: undefined;
+} | undefined;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtD,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAA;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;;;;cAmEA"}