@tamagui/core 1.0.0-alpha.0 → 1.0.0-alpha.12

package/dist/cjs/views/Theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Theme.tsx"],
+  "sourcesContent": ["import React, { useContext, useState } from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { getThemeParentClassName } from '../createTamagui'\nimport { useConstant } from '../hooks/useConstant'\nimport { ThemeName } from '../types'\nimport { ThemeContext } from './ThemeContext'\nimport { ThemeManager, ThemeManagerContext } from './ThemeManagerContext'\n\nexport type ThemeProps = {\n  disableThemeClass?: boolean\n  name: Exclude<ThemeName, number> | null\n  children?: any\n}\n\nexport const Theme = (props: ThemeProps) => {\n  const parent = useContext(ThemeManagerContext)\n  const themes = useContext(ThemeContext)\n  const [parentName, setParentName] = useState(parent.name || 'light')\n  if (!themes) {\n    console.warn('Error, no themes in context', props)\n    return props.children\n  }\n\n  const nextNameParent = `${props.name}-${parentName}`\n  const nextNameParentParent = `${props.name}-${parent.parentName}`\n  const name = !props.name\n    ? null\n    : props.name in themes\n    ? props.name\n    : nextNameParent in themes\n    ? nextNameParent\n    : nextNameParentParent in themes\n    ? nextNameParentParent\n    : null\n  const theme = name ? themes[name] : null\n  const themeManager = useConstant<ThemeManager | null>(() => {\n    if (!theme) {\n      return null\n    }\n    const manager = new ThemeManager()\n    if (name) {\n      manager.setActiveTheme({ name, theme: themes[name], parentName })\n    }\n    return manager\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    if (!themeManager) {\n      return\n    }\n    if (name) {\n      themeManager.setActiveTheme({ name, theme, parentName })\n    }\n    return parent.onChangeTheme((next) => {\n      if (next) {\n        themeManager.setActiveTheme({ name: next, theme: themes[next], parentName })\n        setParentName(next)\n      }\n    })\n  }, [themes, name, parentName])\n\n  if (!name || !theme) {\n    return props.children\n  }\n\n  const contents = themeManager ? (\n    <ThemeManagerContext.Provider value={themeManager}>\n      {props.children}\n    </ThemeManagerContext.Provider>\n  ) : (\n    props.children\n  )\n\n  if (isWeb) {\n    if (props.disableThemeClass) {\n      return contents\n    }\n    if (name) {\n      const color = themes[name]?.['color']?.['variable']\n      return (\n        <div\n          className={getThemeParentClassName(props.name)}\n          // in order to provide currentColor, set color by default\n          style={{ display: 'contents', color }}\n        >\n          {contents}\n        </div>\n      )\n    }\n  }\n\n  return contents\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,sBAAiD;AACjD,2BAAwC;AACxC,yBAA4B;AAE5B,0BAA6B;AAC7B,iCAAkD;AAQ3C,MAAM,QAAQ,wBAAC,UAAsB;AAf5C;AAgBE,QAAM,SAAS,6BAAW;AAC1B,QAAM,SAAS,6BAAW;AAC1B,QAAM,CAAC,YAAY,iBAAiB,2BAAS,OAAO,QAAQ;AAC5D,MAAI,CAAC,QAAQ;AACX,YAAQ,KAAK,+BAA+B;AAC5C,WAAO,MAAM;AAAA;AAGf,QAAM,iBAAiB,GAAG,MAAM,QAAQ;AACxC,QAAM,uBAAuB,GAAG,MAAM,QAAQ,OAAO;AACrD,QAAM,OAAO,CAAC,MAAM,OAChB,OACA,MAAM,QAAQ,SACd,MAAM,OACN,kBAAkB,SAClB,iBACA,wBAAwB,SACxB,uBACA;AACJ,QAAM,QAAQ,OAAO,OAAO,QAAQ;AACpC,QAAM,eAAe,oCAAiC,MAAM;AAC1D,QAAI,CAAC,OAAO;AACV,aAAO;AAAA;AAET,UAAM,UAAU,IAAI;AACpB,QAAI,MAAM;AACR,cAAQ,eAAe,EAAE,MAAM,OAAO,OAAO,OAAO;AAAA;AAEtD,WAAO;AAAA;AAGT,iDAA0B,MAAM;AAC9B,QAAI,CAAC,cAAc;AACjB;AAAA;AAEF,QAAI,MAAM;AACR,mBAAa,eAAe,EAAE,MAAM,OAAO;AAAA;AAE7C,WAAO,OAAO,cAAc,CAAC,SAAS;AACpC,UAAI,MAAM;AACR,qBAAa,eAAe,EAAE,MAAM,MAAM,OAAO,OAAO,OAAO;AAC/D,sBAAc;AAAA;AAAA;AAAA,KAGjB,CAAC,QAAQ,MAAM;AAElB,MAAI,CAAC,QAAQ,CAAC,OAAO;AACnB,WAAO,MAAM;AAAA;AAGf,QAAM,WAAW,eACf,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KAClC,MAAM,YAGT,MAAM;AAGR,MAAI,uBAAO;AACT,QAAI,MAAM,mBAAmB;AAC3B,aAAO;AAAA;AAET,QAAI,MAAM;AACR,YAAM,QAAQ,mBAAO,UAAP,mBAAe,aAAf,mBAA0B;AACxC,aACE,mDAAC,OAAD;AAAA,QACE,WAAW,kDAAwB,MAAM;AAAA,QAEzC,OAAO,EAAE,SAAS,YAAY;AAAA,SAE7B;AAAA;AAAA;AAMT,SAAO;AAAA,GA7EY;",
+  "names": []
+}

package/dist/cjs/views/ThemeContext.js

@@ -0,0 +1,29 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ThemeContext: () => ThemeContext
+});
+var import_react = __toModule(require("react"));
+const ThemeContext = (0, import_react.createContext)(null);
+//# sourceMappingURL=ThemeContext.js.map

package/dist/cjs/views/ThemeContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { Themes } from '../types'\n\nexport const ThemeContext = createContext<Themes>(null as any)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,eAAe,gCAAsB;",
+  "names": []
+}

package/dist/cjs/views/ThemeInverse.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ThemeInverse: () => ThemeInverse,
+  setThemeInversions: () => setThemeInversions
+});
+var import_react = __toModule(require("react"));
+var import_useTheme = __toModule(require("../hooks/useTheme"));
+var import_Theme = __toModule(require("./Theme"));
+let inversions = {
+  light: "dark",
+  dark: "light"
+};
+function setThemeInversions(next) {
+  inversions = next;
+}
+__name(setThemeInversions, "setThemeInversions");
+const ThemeInverse = /* @__PURE__ */ __name((props) => {
+  const themeName = (0, import_useTheme.useThemeName)();
+  const defaultTheme = (0, import_useTheme.useDefaultThemeName)();
+  const name = inversions[themeName] || inversions[defaultTheme] || null;
+  return /* @__PURE__ */ import_react.default.createElement(import_Theme.Theme, {
+    name
+  }, props.children);
+}, "ThemeInverse");
+//# sourceMappingURL=ThemeInverse.js.map

package/dist/cjs/views/ThemeInverse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeInverse.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = (props: { children: any }) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const name = inversions[themeName] || inversions[defaultTheme] || null\n  return <Theme name={name}>{props.children}</Theme>\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAkD;AAClD,mBAAsB;AAItB,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AAAA;AAGD,4BAA4B,MAAoB;AACrD,eAAa;AAAA;AADC;AAIT,MAAM,eAAe,wBAAC,UAA6B;AACxD,QAAM,YAAY;AAClB,QAAM,eAAe;AACrB,QAAM,OAAO,WAAW,cAAc,WAAW,iBAAiB;AAClE,SAAO,mDAAC,oBAAD;AAAA,IAAO;AAAA,KAAa,MAAM;AAAA,GAJP;",
+  "names": []
+}

package/dist/cjs/views/ThemeManagerContext.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ThemeManager: () => ThemeManager,
+  ThemeManagerContext: () => ThemeManagerContext
+});
+var import_react = __toModule(require("react"));
+class ThemeManager {
+  constructor() {
+    this.name = "light";
+    this.parentName = null;
+    this.keys = new Map();
+    this.listeners = new Map();
+    this.themeListeners = new Set();
+    this.theme = null;
+  }
+  setActiveTheme({
+    name,
+    theme,
+    parentName
+  }) {
+    if (name === this.name)
+      return;
+    this.name = name;
+    this.theme = theme;
+    this.parentName = parentName || null;
+    this.update();
+  }
+  track(uuid, keys) {
+    if (!this.name)
+      return;
+    this.keys.set(uuid, keys);
+  }
+  update() {
+    var _a;
+    if (!this.name) {
+      this.keys.clear();
+    }
+    for (const [uuid, keys] of this.keys.entries()) {
+      if (keys.size) {
+        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
+      }
+    }
+    this.themeListeners.forEach((cb) => cb(this.name, this));
+  }
+  onChangeTheme(cb) {
+    this.themeListeners.add(cb);
+    return () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+  onUpdate(uuid, cb) {
+    this.listeners.set(uuid, cb);
+    return () => {
+      this.listeners.delete(uuid);
+      this.keys.delete(uuid);
+    };
+  }
+}
+__name(ThemeManager, "ThemeManager");
+const ThemeManagerContext = (0, import_react.createContext)(new ThemeManager());
+//# sourceMappingURL=ThemeManagerContext.js.map

package/dist/cjs/views/ThemeManagerContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeManagerContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport class ThemeManager {\n  name: string | null = 'light'\n  parentName: string | null = null\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n  theme = null\n\n  setActiveTheme({\n    name,\n    theme,\n    parentName,\n  }: {\n    parentName?: string | null\n    name: string | null\n    theme?: any\n  }) {\n    if (name === this.name) return\n    this.name = name\n    this.theme = theme\n    this.parentName = parentName || null\n    this.update()\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  update() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager>(new ThemeManager())\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,mBAAmB;AAAA,EAAnB,cAJP;AAKE,gBAAsB;AACtB,sBAA4B;AAC5B,gBAAO,IAAI;AACX,qBAAY,IAAI;AAChB,0BAAiB,IAAI;AACrB,iBAAQ;AAAA;AAAA,EAER,eAAe;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,KAKC;AACD,QAAI,SAAS,KAAK;AAAM;AACxB,SAAK,OAAO;AACZ,SAAK,QAAQ;AACb,SAAK,aAAa,cAAc;AAChC,SAAK;AAAA;AAAA,EAGP,MAAM,MAAW,MAAmB;AAClC,QAAI,CAAC,KAAK;AAAM;AAChB,SAAK,KAAK,IAAI,MAAM;AAAA;AAAA,EAGtB,SAAS;AAjCX;AAkCI,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,KAAK;AAAA;AAEZ,eAAW,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW;AAC9C,UAAI,KAAK,MAAM;AACb,mBAAK,UAAU,IAAI,UAAnB;AAAA;AAAA;AAGJ,SAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,KAAK,MAAM;AAAA;AAAA,EAGpD,cAAc,IAAmB;AAC/B,SAAK,eAAe,IAAI;AACxB,WAAO,MAAM;AACX,WAAK,eAAe,OAAO;AAAA;AAAA;AAAA,EAI/B,SAAS,MAAW,IAAc;AAChC,SAAK,UAAU,IAAI,MAAM;AACzB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AACtB,WAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AApDhB;AAyDA,MAAM,sBAAsB,gCAA4B,IAAI;",
+  "names": []
+}

package/dist/cjs/views/ThemeProvider.js

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  GET_DEFAULT_THEME: () => GET_DEFAULT_THEME,
+  ThemeProvider: () => ThemeProvider
+});
+var import_react = __toModule(require("react"));
+var import_platform = __toModule(require("../constants/platform"));
+var import_createTamagui = __toModule(require("../createTamagui"));
+var import_Theme = __toModule(require("./Theme"));
+var import_ThemeContext = __toModule(require("./ThemeContext"));
+const GET_DEFAULT_THEME = "___TGUI";
+const ThemeProvider = /* @__PURE__ */ __name((props) => {
+  if (!(0, import_createTamagui.getHasConfigured)()) {
+    throw new Error(`Missing configureThemes() call, add to your root file`);
+  }
+  (0, import_platform.useIsomorphicLayoutEffect)(() => {
+    if (props.disableRootThemeClass) {
+      return;
+    }
+    if (typeof document !== "undefined") {
+      const cns = (0, import_createTamagui.getThemeParentClassName)(`${props.defaultTheme}`).split(" ");
+      cns.forEach((cn) => document.body.classList.add(cn));
+      return () => {
+        cns.forEach((cn) => document.body.classList.remove(cn));
+      };
+    }
+  }, []);
+  const themeContext = (0, import_react.useMemo)(() => {
+    return new Proxy(props.themes, {
+      get(target, key) {
+        if (key === GET_DEFAULT_THEME)
+          return props.defaultTheme;
+        return Reflect.get(target, key);
+      }
+    });
+  }, [props.themes]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ThemeContext.ThemeContext.Provider, {
+    value: themeContext
+  }, /* @__PURE__ */ import_react.default.createElement(import_Theme.Theme, {
+    name: props.defaultTheme,
+    disableThemeClass: props.disableRootThemeClass
+  }, props.children));
+}, "ThemeProvider");
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/cjs/views/ThemeProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeProvider.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { getHasConfigured, getThemeParentClassName } from '../createTamagui'\nimport { Theme } from './Theme'\nimport { ThemeContext } from './ThemeContext'\n\nexport type ThemeProviderProps = {\n  themes: any\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  children?: any\n}\n\nexport const GET_DEFAULT_THEME = '___TGUI'\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  if (!getHasConfigured()) {\n    throw new Error(`Missing configureThemes() call, add to your root file`)\n  }\n\n  // ensure theme is attached to root body node as well to work with modals by default\n  useIsomorphicLayoutEffect(() => {\n    if (props.disableRootThemeClass) {\n      return\n    }\n    if (typeof document !== 'undefined') {\n      const cns = getThemeParentClassName(`${props.defaultTheme}`).split(' ')\n      cns.forEach((cn) => document.body.classList.add(cn))\n      return () => {\n        cns.forEach((cn) => document.body.classList.remove(cn))\n      }\n    }\n  }, [])\n\n  const themeContext = useMemo(() => {\n    return new Proxy(props.themes, {\n      get(target, key) {\n        if (key === GET_DEFAULT_THEME) return props.defaultTheme\n        return Reflect.get(target, key)\n      },\n    })\n  }, [props.themes])\n\n  return (\n    <ThemeContext.Provider value={themeContext}>\n      <Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>\n        {props.children}\n      </Theme>\n    </ThemeContext.Provider>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAE/B,sBAA0C;AAC1C,2BAA0D;AAC1D,mBAAsB;AACtB,0BAA6B;AAStB,MAAM,oBAAoB;AAE1B,MAAM,gBAAgB,wBAAC,UAA8B;AAC1D,MAAI,CAAC,8CAAoB;AACvB,UAAM,IAAI,MAAM;AAAA;AAIlB,iDAA0B,MAAM;AAC9B,QAAI,MAAM,uBAAuB;AAC/B;AAAA;AAEF,QAAI,OAAO,aAAa,aAAa;AACnC,YAAM,MAAM,kDAAwB,GAAG,MAAM,gBAAgB,MAAM;AACnE,UAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,IAAI;AAChD,aAAO,MAAM;AACX,YAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,OAAO;AAAA;AAAA;AAAA,KAGtD;AAEH,QAAM,eAAe,0BAAQ,MAAM;AACjC,WAAO,IAAI,MAAM,MAAM,QAAQ;AAAA,MAC7B,IAAI,QAAQ,KAAK;AACf,YAAI,QAAQ;AAAmB,iBAAO,MAAM;AAC5C,eAAO,QAAQ,IAAI,QAAQ;AAAA;AAAA;AAAA,KAG9B,CAAC,MAAM;AAEV,SACE,mDAAC,iCAAa,UAAd;AAAA,IAAuB,OAAO;AAAA,KAC5B,mDAAC,oBAAD;AAAA,IAAO,MAAM,MAAM;AAAA,IAAc,mBAAmB,MAAM;AAAA,KACvD,MAAM;AAAA,GA/Bc;",
+  "names": []
+}

package/dist/constants/platform.js

@@ -1,6 +1,6 @@
 import { useEffect, useLayoutEffect } from "react";
 import { Platform } from "react-native";
-const isWeb = process.env.TAMAGUI_TARGET !== "web" ? false : Platform?.OS === "web";
+const isWeb = process.env.TAMAGUI_TARGET === "web" ? true : Platform?.OS === "web";
 const isSSR = isWeb && typeof window === "undefined";
 const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
 const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");

package/dist/constants/platform.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isWeb = process.env.TAMAGUI_TARGET !== 'web' ? false : Platform?.OS === 'web'\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,QAAQ,QAAQ,IAAI,mBAAmB,QAAQ,QAAQ,UAAU,OAAO;AAC9E,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,4BAA4B,QAAQ,YAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa;AAC1F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,aAChC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
+  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web' ? true : Platform?.OS === 'web'\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
+  "mappings": "AAAA;AACA;AAEO,MAAM,QAAQ,QAAQ,IAAI,mBAAmB,QAAQ,OAAO,UAAU,OAAO;AAC7E,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,4BAA4B,QAAQ,YAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa;AAC1F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,aAChC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
   "names": []
 }

package/dist/createComponent.js

@@ -1,6 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { concatClassName, stylePropsView } from "@tamagui/helpers";
+import { useForceUpdate } from "@tamagui/use-force-update";
 import React, {
   Children,
   Fragment,
@@ -21,7 +22,6 @@ import { addStylesUsingClassname, useStylesAsClassname } from "./helpers/addStyl
 import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticConfig";
 import { getSplitStyles } from "./helpers/getSplitStyles";
 import { useFeatures } from "./hooks/useFeatures";
-import { useForceUpdate } from "./hooks/useForceUpdate";
 import { usePressable } from "./hooks/usePressable";
 import { TextAncestorContext } from "./views/TextAncestorContext";
 import { ThemeManagerContext } from "./views/ThemeManagerContext";
@@ -47,6 +47,39 @@ function createComponent(configIn) {
   let defaultsClassName = "";
   let initialTheme;
   const component = forwardRef((props, forwardedRef) => {
+    const forceUpdate = useForceUpdate();
+    const features = useFeatures(props, { forceUpdate });
+    const manager = useContext(ThemeManagerContext);
+    const [state, set_] = useState(() => ({
+      hover: false,
+      press: false,
+      pressIn: false,
+      theme: manager.name
+    }));
+    const set = /* @__PURE__ */ __name((next) => set_((prev) => {
+      for (const key in next) {
+        if (prev[key] !== next[key]) {
+          return { ...prev, ...next };
+        }
+      }
+      return prev;
+    }), "set");
+    if (process.env.NODE_ENV === "development" && !isText && isWeb) {
+      Children.toArray(props.children).forEach((item) => {
+        if (typeof item === "string") {
+          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
+        }
+      });
+    }
+    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false;
+    const hostRef = useRef(null);
+    const theme = manager.theme || initialTheme;
+    const {
+      viewProps: viewPropsIn,
+      pseudos,
+      style,
+      classNames
+    } = getSplitStyles(props, staticConfig, theme);
     const {
       tag,
       hitSlop,
@@ -80,34 +113,17 @@ function createComponent(configIn) {
       onStartShouldSetResponderCapture,
       onMouseDown,
       onClick,
-      onLayout
-    } = props;
-    const forceUpdate = useForceUpdate();
-    const features = useFeatures(props, { forceUpdate });
-    const manager = useContext(ThemeManagerContext);
-    const [state, set_] = useState(() => ({
-      hover: false,
-      press: false,
-      pressIn: false,
-      theme: manager.name
-    }));
-    const set = /* @__PURE__ */ __name((next) => set_((prev) => {
-      for (const key in next) {
-        if (prev[key] !== next[key]) {
-          return { ...prev, ...next };
-        }
-      }
-      return prev;
-    }), "set");
-    if (process.env.NODE_ENV === "development" && !isText && isWeb) {
-      Children.toArray(props.children).forEach((item) => {
-        if (typeof item === "string") {
-          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
-        }
-      });
+      accessible,
+      accessibilityRole,
+      onLayout,
+      ...viewProps
+    } = viewPropsIn;
+    if (!isWeb) {
+      if (accessible)
+        viewProps.accessible = accessible;
+      if (accessibilityRole)
+        viewProps.accessibilityRole = accessibilityRole;
     }
-    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false;
-    const hostRef = useRef(null);
     if (isWeb) {
       rnw.useResponderEvents(hostRef, {
         onMoveShouldSetResponder,
@@ -129,7 +145,6 @@ function createComponent(configIn) {
       });
     }
     const isTracking = useRef(false);
-    const { viewProps, pseudos, style, classNames } = getSplitStyles(props, staticConfig, manager.theme || initialTheme);
     const internal = useRef();
     if (!internal.current) {
       internal.current = {
@@ -331,7 +346,7 @@ function createComponent(configIn) {
     } else {
       if (!hasWarnedOnce) {
         hasWarnedOnce = true;
-        console.log("\u26A0\uFE0F we need to account for default styles for media queries");
+        console.log("\u26A0\uFE0F TODO account for default styles for media queries");
       }
     }
     component.defaultProps = {
@@ -349,10 +364,14 @@ function createComponent(configIn) {
     ...staticConfig
   };
   const res = component;
-  res["extractable"] = (Component2) => {
+  res["extractable"] = (Component2, conf) => {
     Component2["staticConfig"] = extendStaticConfig(res, {
+      ...conf,
       neverFlatten: true,
-      defaultProps: Component2.defaultProps
+      defaultProps: {
+        ...Component2.defaultProps,
+        ...conf?.defaultProps
+      }
     });
     return Component2;
   };

package/dist/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/createComponent.tsx"],
-  "sourcesContent": ["import { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { stackDefaultStyles } from './constants/constants'\nimport { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { onConfiguredOnce } from './createTamagui'\nimport { addStylesUsingClassname, useStylesAsClassname } from './helpers/addStylesUsingClassname'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getSplitStyles } from './helpers/getSplitStyles'\nimport { useFeatures } from './hooks/useFeatures'\nimport { useForceUpdate } from './hooks/useForceUpdate'\nimport { usePressable } from './hooks/usePressable'\nimport {\n  SpaceTokens,\n  StaticComponent,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n} from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\nimport { ThemeManagerContext } from './views/ThemeManagerContext'\n\nexport const mouseUps = new Set<Function>()\n\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\ntype DefaultProps = {}\n\nexport function createComponent<A extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { Component, validStyles, isText, isZStack } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let defaultProps = null as any\n  let tamaguiConfig: TamaguiInternalConfig\n\n  // web uses className, native uses style\n  let defaultsStyle: any\n  let defaultsClassName = ''\n  let initialTheme: any\n\n  // see onConfiguredOnce below which attaches a name then to this component\n\n  const component = forwardRef<View, A>((props: any, forwardedRef) => {\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      space,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      onMouseDown,\n      onClick,\n      // TODO feature load layou hook\n      onLayout,\n    } = props\n\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const manager = useContext(ThemeManagerContext)\n    const [state, set_] = useState(() => ({\n      hover: false,\n      press: false,\n      pressIn: false,\n      theme: manager.name,\n    }))\n    const set = (next: Partial<typeof state>) =>\n      set_((prev) => {\n        for (const key in next) {\n          if (prev[key] !== next[key]) {\n            return { ...prev, ...next }\n          }\n        }\n        return prev\n      })\n\n    // from react-native-web\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false\n    const hostRef = useRef(null)\n\n    if (isWeb) {\n      // from react-native-web\n      rnw.useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      })\n    }\n\n    const isTracking = useRef(false)\n\n    const { viewProps, pseudos, style, classNames } = getSplitStyles(\n      props,\n      staticConfig,\n      (manager.theme as any) || initialTheme\n    )\n\n    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      const dispose = manager?.onChangeTheme((name) => {\n        if (isTracking.current) {\n          set({ theme: name })\n        }\n      })\n      return () => {\n        dispose()\n        mouseUps.delete(unPress)\n        isTracking.current = false\n        internal.current!.isMounted = false\n      }\n    }, [manager])\n\n    // element\n    const element = isWeb\n      ? !Component || typeof Component === 'string'\n        ? // default to tag, fallback to component (when both strings)\n          tag || Component\n        : Component\n      : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    const ViewComponent = isText ? ReactText : ReactView\n\n    // styles\n    const isHovering = !isTouchDevice && !disabled && pseudos && state.hover\n    const isPressing = !disabled && pseudos && state.press\n\n    const styles = [\n      // parity w react-native-web, only for text in text\n      // TODO this should be able to be done w css to replicate after extraction:\n      //  (.text .text { display: inline-flex; }) (but if they set display we'd need stronger precendence)\n      // isText && hasTextAncestor && isWeb ? { display: 'inline-flex' } : null,\n      style,\n      isHovering ? pseudos.hoverStyle || null : null,\n      isPressing ? pseudos.pressStyle || null : null,\n    ]\n\n    if (isWeb) {\n      const stylesClassNames = useStylesAsClassname(styles)\n      const classList = isText\n        ? [\n            defaultsClassName,\n            // hasTextAncestor === true && cssText.textHasAncestor,\n            // TODO MOVE TO VARIANTS [number] [any]\n            // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n            classNames,\n            stylesClassNames,\n            props.className,\n          ]\n        : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n      const className = concatClassName(...classList)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('\uD83E\uDD5A className', { style, styles, classList, stylesClassNames, className })\n        }\n      }\n      viewProps.className = className\n    } else {\n      viewProps.style = styles\n    }\n\n    if (pointerEvents) {\n      viewProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n      viewProps.ref = setRef\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    const attachPress = !!(\n      (pseudos && pseudos.pressStyle) ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      internal.current.hasEverHadEvents ||\n      attachPress ||\n      attachHover ||\n      'pressStyle' in props ||\n      'onPress' in props ||\n      'onPressIn' in props ||\n      'onPressOut' in props ||\n      (isWeb &&\n        ('hoverStyle' in props ||\n          'onClick' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      if (attachHover) {\n                        next.hover = true\n                      }\n                      if (state.pressIn) {\n                        next.press = true\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      mouseUps.add(unPress)\n                      if (attachHover) {\n                        next.hover = false\n                      }\n                      if (state.pressIn) {\n                        next.press = false\n                        next.pressIn = false\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                onClick?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\n        // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n        const [pressProps] = usePressable({\n          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress: events.onClick,\n        })\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    const childEls = spacedChildren({\n      children,\n      space,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n      isZStack: isZStack,\n    })\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb && rnw) {\n      const domProps = rnw.createDOMProps(viewProps)\n      const className =\n        domProps.className && domProps.className !== viewProps.className\n          ? `${domProps.className} ${viewProps.className}`\n          : viewProps.className\n      Object.assign(viewProps, domProps)\n      viewProps.className = className\n      content = createElement(ViewComponent, viewProps, childEls)\n    } else {\n      content = createElement(ViewComponent, viewProps, childEls)\n    }\n\n    const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      // @ts-ignore\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        console.log('\uD83E\uDD5A props in:', props)\n        console.log('\uD83E\uDD5A props out:', viewProps)\n        console.log(props.onClick?.toString())\n        // prettier-ignore\n        console.log('\uD83E\uDD5A etc:', { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls })\n        // only on browser because node expands it huge\n        if (isWeb) {\n          console.log('\uD83E\uDD5A component info', { staticConfig, tamaguiConfig })\n        }\n      }\n    }\n\n    return (\n      <>\n        {features}\n        {content}\n      </>\n    )\n  })\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    tamaguiConfig = conf\n    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    const next = getSplitStyles(staticConfig.defaultProps, staticConfig, initialTheme, true)\n    if (isWeb) {\n      if (next.classNames) {\n        defaultsClassName += next.classNames + ' '\n      }\n      defaultsClassName += addStylesUsingClassname([next.style, next.pseudos])\n    } else {\n      if (!hasWarnedOnce) {\n        hasWarnedOnce = true\n        console.log('\u26A0\uFE0F we need to account for default styles for media queries')\n      }\n    }\n    // @ts-ignore\n    component.defaultProps = {\n      ...next.viewProps,\n      ...component.defaultProps,\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (staticConfig.defaultProps?.debug) {\n        console.log('tamagui debug component:', next, defaultsClassName, component.defaultProps)\n      }\n    }\n  })\n\n  component['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  const res = component as any as StaticComponent<A, void>\n\n  // add extractable HoC\n  res['extractable'] = (Component: any) => {\n    Component['staticConfig'] = extendStaticConfig(res, {\n      neverFlatten: true,\n      defaultProps: Component.defaultProps,\n    })\n    return Component\n  }\n\n  return res\n}\n\nlet hasWarnedOnce = false\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<{ size?: number | SpaceTokens; flex?: boolean | number }>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!space && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    const key = `${child?.['key'] ?? index}`\n\n    next.push(<Fragment key={key}>{isZStack ? <Absolute>{child}</Absolute> : child}</Fragment>)\n\n    // allows for custom visually hidden components that dont insert spacing\n    if (child?.['type']?.['isVisuallyHidden']) {\n      continue\n    }\n\n    if (index !== len - 1) {\n      if (space) {\n        next.push(\n          <Spacer\n            key={`${key}_spacer`}\n            // @ts-ignore TODO\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\n// for now not so \"tamagui-y\"\nconst Absolute = ({ children }) => <View style={sheet.fullscreen}>{children}</View>\nconst sheet = StyleSheet.create({\n  fullscreen: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { stackDefaultStyles } from './constants/constants'\nimport { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { onConfiguredOnce } from './createTamagui'\nimport { addStylesUsingClassname, useStylesAsClassname } from './helpers/addStylesUsingClassname'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getSplitStyles } from './helpers/getSplitStyles'\nimport { useFeatures } from './hooks/useFeatures'\nimport { usePressable } from './hooks/usePressable'\nimport {\n  SpaceTokens,\n  StaticComponent,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n} from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\nimport { ThemeManagerContext } from './views/ThemeManagerContext'\n\nexport const mouseUps = new Set<Function>()\n\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\ntype DefaultProps = {}\n\nexport function createComponent<A extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { Component, validStyles, isText, isZStack } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let defaultProps = null as any\n  let tamaguiConfig: TamaguiInternalConfig\n\n  // web uses className, native uses style\n  let defaultsStyle: any\n  let defaultsClassName = ''\n  let initialTheme: any\n\n  // see onConfiguredOnce below which attaches a name then to this component\n\n  const component = forwardRef<View, A>((props: any, forwardedRef) => {\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const manager = useContext(ThemeManagerContext)\n    const [state, set_] = useState(() => ({\n      hover: false,\n      press: false,\n      pressIn: false,\n      theme: manager.name,\n    }))\n    const set = (next: Partial<typeof state>) =>\n      set_((prev) => {\n        for (const key in next) {\n          if (prev[key] !== next[key]) {\n            return { ...prev, ...next }\n          }\n        }\n        return prev\n      })\n\n    // from react-native-web\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false\n    const hostRef = useRef(null)\n\n    const theme = (manager.theme as any) || initialTheme\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      style,\n      classNames,\n    } = getSplitStyles(props, staticConfig, theme)\n\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      space,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      onMouseDown,\n      onClick,\n\n      accessible,\n      accessibilityRole,\n\n      // TODO feature load layout hook\n      onLayout,\n      ...viewProps\n    } = viewPropsIn\n\n    if (!isWeb) {\n      if (accessible) viewProps.accessible = accessible\n      if (accessibilityRole) viewProps.accessibilityRole = accessibilityRole\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      rnw.useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      })\n    }\n\n    const isTracking = useRef(false)\n\n    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      const dispose = manager?.onChangeTheme((name) => {\n        if (isTracking.current) {\n          set({ theme: name })\n        }\n      })\n      return () => {\n        dispose()\n        mouseUps.delete(unPress)\n        isTracking.current = false\n        internal.current!.isMounted = false\n      }\n    }, [manager])\n\n    // element\n    const element = isWeb\n      ? !Component || typeof Component === 'string'\n        ? // default to tag, fallback to component (when both strings)\n          tag || Component\n        : Component\n      : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    const ViewComponent = isText ? ReactText : ReactView\n\n    // styles\n    const isHovering = !isTouchDevice && !disabled && pseudos && state.hover\n    const isPressing = !disabled && pseudos && state.press\n\n    const styles = [\n      // parity w react-native-web, only for text in text\n      // TODO this should be able to be done w css to replicate after extraction:\n      //  (.text .text { display: inline-flex; }) (but if they set display we'd need stronger precendence)\n      // isText && hasTextAncestor && isWeb ? { display: 'inline-flex' } : null,\n      style,\n      isHovering ? pseudos.hoverStyle || null : null,\n      isPressing ? pseudos.pressStyle || null : null,\n    ]\n\n    if (isWeb) {\n      const stylesClassNames = useStylesAsClassname(styles)\n      const classList = isText\n        ? [\n            defaultsClassName,\n            // hasTextAncestor === true && cssText.textHasAncestor,\n            // TODO MOVE TO VARIANTS [number] [any]\n            // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n            classNames,\n            stylesClassNames,\n            props.className,\n          ]\n        : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n      // @ts-expect-error\n      const className = concatClassName(...classList)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('\uD83E\uDD5A className', { style, styles, classList, stylesClassNames, className })\n        }\n      }\n      viewProps.className = className\n    } else {\n      viewProps.style = styles\n    }\n\n    if (pointerEvents) {\n      viewProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n      viewProps.ref = setRef\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    const attachPress = !!(\n      (pseudos && pseudos.pressStyle) ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      internal.current.hasEverHadEvents ||\n      attachPress ||\n      attachHover ||\n      'pressStyle' in props ||\n      'onPress' in props ||\n      'onPressIn' in props ||\n      'onPressOut' in props ||\n      (isWeb &&\n        ('hoverStyle' in props ||\n          'onClick' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      if (attachHover) {\n                        next.hover = true\n                      }\n                      if (state.pressIn) {\n                        next.press = true\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      mouseUps.add(unPress)\n                      if (attachHover) {\n                        next.hover = false\n                      }\n                      if (state.pressIn) {\n                        next.press = false\n                        next.pressIn = false\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                onClick?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\n        // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n        const [pressProps] = usePressable({\n          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress: events.onClick,\n        })\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    const childEls = spacedChildren({\n      children,\n      space,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n      isZStack: isZStack,\n    })\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb && rnw) {\n      const domProps = rnw.createDOMProps(viewProps)\n      const className =\n        domProps.className && domProps.className !== viewProps.className\n          ? `${domProps.className} ${viewProps.className}`\n          : viewProps.className\n      Object.assign(viewProps, domProps)\n      viewProps.className = className\n      content = createElement(ViewComponent, viewProps, childEls)\n    } else {\n      content = createElement(ViewComponent, viewProps, childEls)\n    }\n\n    const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      // @ts-ignore\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        console.log('\uD83E\uDD5A props in:', props)\n        console.log('\uD83E\uDD5A props out:', viewProps)\n        console.log(props.onClick?.toString())\n        // prettier-ignore\n        console.log('\uD83E\uDD5A etc:', { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls })\n        // only on browser because node expands it huge\n        if (isWeb) {\n          console.log('\uD83E\uDD5A component info', { staticConfig, tamaguiConfig })\n        }\n      }\n    }\n\n    return (\n      <>\n        {features}\n        {content}\n      </>\n    )\n  })\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    tamaguiConfig = conf\n    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    const next = getSplitStyles(staticConfig.defaultProps, staticConfig, initialTheme, true)\n    if (isWeb) {\n      if (next.classNames) {\n        defaultsClassName += next.classNames + ' '\n      }\n      defaultsClassName += addStylesUsingClassname([next.style, next.pseudos])\n    } else {\n      if (!hasWarnedOnce) {\n        hasWarnedOnce = true\n        console.log('\u26A0\uFE0F TODO account for default styles for media queries')\n      }\n    }\n    // @ts-ignore\n    component.defaultProps = {\n      ...next.viewProps,\n      ...component.defaultProps,\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (staticConfig.defaultProps?.debug) {\n        console.log('tamagui debug component:', next, defaultsClassName, component.defaultProps)\n      }\n    }\n  })\n\n  component['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  const res = component as any as StaticComponent<A, void>\n\n  // add extractable HoC\n  res['extractable'] = (Component: any, conf?: StaticConfig) => {\n    Component['staticConfig'] = extendStaticConfig(res, {\n      ...conf,\n      neverFlatten: true,\n      defaultProps: {\n        ...Component.defaultProps,\n        ...conf?.defaultProps,\n      },\n    })\n    return Component\n  }\n\n  return res\n}\n\nlet hasWarnedOnce = false\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<{ size?: number | SpaceTokens; flex?: boolean | number }>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!space && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    const key = `${child?.['key'] ?? index}`\n\n    next.push(<Fragment key={key}>{isZStack ? <Absolute>{child}</Absolute> : child}</Fragment>)\n\n    // allows for custom visually hidden components that dont insert spacing\n    if (child?.['type']?.['isVisuallyHidden']) {\n      continue\n    }\n\n    if (index !== len - 1) {\n      if (space) {\n        next.push(\n          <Spacer\n            key={`${key}_spacer`}\n            // @ts-ignore TODO\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\n// for now not so \"tamagui-y\"\nconst Absolute = ({ children }) => <View style={sheet.fullscreen}>{children}</View>\nconst sheet = StyleSheet.create({\n  fullscreen: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/createFont.js

@@ -1,6 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { validateFont } from "./helpers/validate";
 const createFont = /* @__PURE__ */ __name((font) => {
+  if (process.env.NODE_ENV === "development") {
+    validateFont(font);
+  }
   const sizeKeys = Object.keys(font.size);
   for (const key in font) {
     if (key === "size" || key === "family")

package/dist/createFont.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/createFont.ts"],
-  "sourcesContent": ["import { GenericFont } from './types'\n\nexport const createFont = <A extends GenericFont>(font: A): A => {\n  // fills in any missing values based on size keys being standard\n  const sizeKeys = Object.keys(font.size)\n\n  for (const key in font) {\n    if (key === 'size' || key === 'family') continue\n    const section = font[key]\n    const keys = Object.keys(section)\n\n    // fill with first filled in value to start\n    let fillVal = section[keys[0]]\n\n    for (const sKey of sizeKeys) {\n      if (!(sKey in section)) {\n        section[sKey] = fillVal\n      } else {\n        // if exists, set as the fillVal\n        fillVal = section[sKey]\n      }\n    }\n  }\n\n  return Object.freeze(font)\n}\n"],
-  "mappings": ";;AAEO,MAAM,aAAa,wBAAwB,SAAe;AAE/D,QAAM,WAAW,OAAO,KAAK,KAAK;AAElC,aAAW,OAAO,MAAM;AACtB,QAAI,QAAQ,UAAU,QAAQ;AAAU;AACxC,UAAM,UAAU,KAAK;AACrB,UAAM,OAAO,OAAO,KAAK;AAGzB,QAAI,UAAU,QAAQ,KAAK;AAE3B,eAAW,QAAQ,UAAU;AAC3B,UAAI,CAAE,SAAQ,UAAU;AACtB,gBAAQ,QAAQ;AAAA,aACX;AAEL,kBAAU,QAAQ;AAAA;AAAA;AAAA;AAKxB,SAAO,OAAO,OAAO;AAAA,GAtBG;",
+  "sourcesContent": ["import { validateFont } from './helpers/validate'\nimport { GenericFont } from './types'\n\nexport const createFont = <A extends GenericFont>(font: A): A => {\n  if (process.env.NODE_ENV === 'development') {\n    validateFont(font)\n  }\n\n  // fills in any missing values based on size keys being standard\n  const sizeKeys = Object.keys(font.size)\n\n  for (const key in font) {\n    if (key === 'size' || key === 'family') continue\n    const section = font[key]\n    const keys = Object.keys(section)\n\n    // fill with first filled in value to start\n    let fillVal = section[keys[0]]\n\n    for (const sKey of sizeKeys) {\n      if (!(sKey in section)) {\n        section[sKey] = fillVal\n      } else {\n        // if exists, set as the fillVal\n        fillVal = section[sKey]\n      }\n    }\n  }\n\n  return Object.freeze(font)\n}\n"],
+  "mappings": ";;AAAA;AAGO,MAAM,aAAa,wBAAwB,SAAe;AAC/D,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,iBAAa;AAAA;AAIf,QAAM,WAAW,OAAO,KAAK,KAAK;AAElC,aAAW,OAAO,MAAM;AACtB,QAAI,QAAQ,UAAU,QAAQ;AAAU;AACxC,UAAM,UAAU,KAAK;AACrB,UAAM,OAAO,OAAO,KAAK;AAGzB,QAAI,UAAU,QAAQ,KAAK;AAE3B,eAAW,QAAQ,UAAU;AAC3B,UAAI,CAAE,SAAQ,UAAU;AACtB,gBAAQ,QAAQ;AAAA,aACX;AAEL,kBAAU,QAAQ;AAAA;AAAA;AAAA;AAKxB,SAAO,OAAO,OAAO;AAAA,GA1BG;",
   "names": []
 }