@tamagui/web 1.14.0 → 1.14.2

package/dist/esm/index.mjs

@@ -1,2 +1,89 @@
-export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
+export * from "./Tamagui.js";
+export * from "./createComponent.js";
+export * from "./createShorthands.js";
+export * from "./createTheme.js";
+export * from "./createTamagui.js";
+export * from "./createFont.js";
+export * from "./createTokens.js";
+export * from "./createVariable.js";
+export * from "./createVariables.js";
+export * from "./insertFont.js";
+export * from "./addTheme.js";
+export * from "./updateTheme.js";
+export * from "./styled.js";
+export * from "./types.js";
+export * from "./setupReactNative.js";
+import {
+  getConfig,
+  getThemes,
+  getTokens,
+  onConfiguredOnce,
+  updateConfig
+} from "./config.js";
+export * from "./constants/constants.js";
+export * from "./helpers/useShallowSetState.js";
+export * from "./helpers/getVariantExtras.js";
+export * from "./helpers/getAnimationDriver.js";
+export * from "./helpers/getExpandedShorthands.js";
+export * from "./helpers/getSplitStyles.js";
+export * from "./helpers/getStylesAtomic";
+export * from "./helpers/pseudoDescriptors.js";
+export * from "./helpers/mergeProps.js";
+export * from "./helpers/expandStyles.js";
+export * from "./helpers/isTamaguiElement.js";
+export * from "./helpers/isTamaguiComponent.js";
+export * from "./helpers/matchMedia";
+export * from "./helpers/themes.js";
+export * from "./helpers/getThemeCSSRules.js";
+export * from "./helpers/proxyThemeVariables.js";
+export * from "./helpers/themeable.js";
+export * from "./helpers/withStaticProperties.js";
+export * from "./helpers/normalizeColor.js";
+export * from "./contexts/ButtonNestingContext.js";
+export * from "./hooks/useId.js";
+export * from "./hooks/useIsTouchDevice.js";
+import {
+  configureMedia,
+  getMedia,
+  mediaState,
+  useMedia,
+  useMediaPropsActive,
+  mediaObjectToString,
+  mediaQueryConfig
+} from "./hooks/useMedia.js";
+export * from "./hooks/useTheme.js";
+export * from "./hooks/useThemeName.js";
+export * from "./hooks/useSafeRef.js";
+export * from "./hooks/useStyle.js";
+export * from "./hooks/useAnimationDriver.js";
+export * from "./views/Slot.js";
+export * from "./views/Stack.js";
+export * from "./views/Text.js";
+export * from "./contexts/TextAncestorContext.js";
+export * from "./views/Theme.js";
+export * from "./views/ThemeProvider.js";
+export * from "./views/FontLanguage";
+export * from "./views/TamaguiProvider.js";
+export * from "./views/AnimationDriverProvider.js";
+export * from "@tamagui/use-force-update";
+export * from "@tamagui/use-did-finish-ssr";
+export * from "@tamagui/use-event";
+export * from "@tamagui/compose-refs";
+export * from "@tamagui/helpers";
+export * from "@tamagui/constants";
+export * from "./setupHooks.js";
+export {
+  configureMedia,
+  getConfig,
+  getMedia,
+  getThemes,
+  getTokens,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  onConfiguredOnce,
+  updateConfig,
+  useMedia,
+  useMediaPropsActive
+};
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n  getConfig,\n  getThemes,\n  getTokens,\n  onConfiguredOnce,\n  updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n  configureMedia,\n  getMedia,\n  mediaState,\n  useMedia,\n  useMediaPropsActive,\n  mediaObjectToString,\n  mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
-  "mappings": "AAAA,WAAc,eACd,WAAc,uBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBACd,WAAc,kBACd,WAAc,oBACd,WAAc,sBACd,WAAc,uBACd,WAAc,kBACd,WAAc,gBACd,WAAc,mBACd,WAAc,cACd,WAAc,aACd,WAAc,wBAEd,OACE,aAAAA,EACA,aAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,gBAAAC,MACK,cAEP,WAAc,2BAEd,WAAc,kCACd,WAAc,gCACd,WAAc,kCACd,WAAc,qCACd,WAAc,8BACd,WAAc,4BACd,WAAc,iCACd,WAAc,0BACd,WAAc,4BACd,WAAc,gCACd,WAAc,kCACd,WAAc,uBACd,WAAc,sBACd,WAAc,gCACd,WAAc,mCACd,WAAc,yBACd,WAAc,oCACd,WAAc,8BAEd,WAAc,qCAEd,WAAc,mBACd,WAAc,8BAEd,OACE,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,MACK,sBACP,WAAc,sBACd,WAAc,0BACd,WAAc,wBACd,WAAc,sBACd,WAAc,gCAEd,WAAc,kBACd,WAAc,mBACd,WAAc,kBACd,WAAc,oCACd,WAAc,mBACd,WAAc,2BACd,WAAc,uBACd,WAAc,6BACd,WAAc,qCAEd,WAAc,4BACd,WAAc,8BACd,WAAc,qBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBAEd,WAAc",
-  "names": ["getConfig", "getThemes", "getTokens", "onConfiguredOnce", "updateConfig", "configureMedia", "getMedia", "mediaState", "useMedia", "useMediaPropsActive", "mediaObjectToString", "mediaQueryConfig"]
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
+  "names": []
 }

package/dist/esm/inject-styles.js

@@ -1,2 +1,16 @@
-const n={},i=({filePath:e,css:c})=>{let s=n[e];if(!s){const t=document.createElement("style");t.setAttribute("data-file",e),t.setAttribute("type","text/css"),s=n[e]=t,document.head.appendChild(t)}s.innerHTML=c};export{i as injectStyles};
+const stylesheets = {};
+const injectStyles = ({ filePath, css }) => {
+  let stylesheet = stylesheets[filePath];
+  if (!stylesheet) {
+    const styleEl = document.createElement("style");
+    styleEl.setAttribute("data-file", filePath);
+    styleEl.setAttribute("type", "text/css");
+    stylesheet = stylesheets[filePath] = styleEl;
+    document.head.appendChild(styleEl);
+  }
+  stylesheet.innerHTML = css;
+};
+export {
+  injectStyles
+};
 //# sourceMappingURL=inject-styles.js.map

package/dist/esm/inject-styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/inject-styles.ts"],
   "sourcesContent": ["// for vite dev mode\n\nconst stylesheets: Record<string, HTMLElement> = {}\n\ninterface InjectStylesOptions {\n  filePath: string\n  css: string\n}\n\nexport const injectStyles = ({ filePath, css }: InjectStylesOptions) => {\n  let stylesheet = stylesheets[filePath]\n  if (!stylesheet) {\n    const styleEl = document.createElement('style')\n    styleEl.setAttribute('data-file', filePath)\n    styleEl.setAttribute('type', 'text/css')\n    stylesheet = stylesheets[filePath] = styleEl\n    document.head.appendChild(styleEl)\n  }\n  stylesheet.innerHTML = css\n}\n"],
-  "mappings": "AAEA,MAAMA,EAA2C,CAAC,EAOrCC,EAAe,CAAC,CAAE,SAAAC,EAAU,IAAAC,CAAI,IAA2B,CACtE,IAAIC,EAAaJ,EAAYE,CAAQ,EACrC,GAAI,CAACE,EAAY,CACf,MAAMC,EAAU,SAAS,cAAc,OAAO,EAC9CA,EAAQ,aAAa,YAAaH,CAAQ,EAC1CG,EAAQ,aAAa,OAAQ,UAAU,EACvCD,EAAaJ,EAAYE,CAAQ,EAAIG,EACrC,SAAS,KAAK,YAAYA,CAAO,CACnC,CACAD,EAAW,UAAYD,CACzB",
-  "names": ["stylesheets", "injectStyles", "filePath", "css", "stylesheet", "styleEl"]
+  "mappings": "AAEA,MAAM,cAA2C,CAAC;AAO3C,MAAM,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,aAAa,QAAQ,UAAU;AACvC,iBAAa,YAAY,QAAQ,IAAI;AACrC,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
+  "names": []
 }

package/dist/esm/inject-styles.mjs

@@ -1,2 +1,16 @@
-const n={},i=({filePath:e,css:c})=>{let s=n[e];if(!s){const t=document.createElement("style");t.setAttribute("data-file",e),t.setAttribute("type","text/css"),s=n[e]=t,document.head.appendChild(t)}s.innerHTML=c};export{i as injectStyles};
+const stylesheets = {};
+const injectStyles = ({ filePath, css }) => {
+  let stylesheet = stylesheets[filePath];
+  if (!stylesheet) {
+    const styleEl = document.createElement("style");
+    styleEl.setAttribute("data-file", filePath);
+    styleEl.setAttribute("type", "text/css");
+    stylesheet = stylesheets[filePath] = styleEl;
+    document.head.appendChild(styleEl);
+  }
+  stylesheet.innerHTML = css;
+};
+export {
+  injectStyles
+};
 //# sourceMappingURL=inject-styles.mjs.map

package/dist/esm/inject-styles.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/inject-styles.ts"],
   "sourcesContent": ["// for vite dev mode\n\nconst stylesheets: Record<string, HTMLElement> = {}\n\ninterface InjectStylesOptions {\n  filePath: string\n  css: string\n}\n\nexport const injectStyles = ({ filePath, css }: InjectStylesOptions) => {\n  let stylesheet = stylesheets[filePath]\n  if (!stylesheet) {\n    const styleEl = document.createElement('style')\n    styleEl.setAttribute('data-file', filePath)\n    styleEl.setAttribute('type', 'text/css')\n    stylesheet = stylesheets[filePath] = styleEl\n    document.head.appendChild(styleEl)\n  }\n  stylesheet.innerHTML = css\n}\n"],
-  "mappings": "AAEA,MAAMA,EAA2C,CAAC,EAOrCC,EAAe,CAAC,CAAE,SAAAC,EAAU,IAAAC,CAAI,IAA2B,CACtE,IAAIC,EAAaJ,EAAYE,CAAQ,EACrC,GAAI,CAACE,EAAY,CACf,MAAMC,EAAU,SAAS,cAAc,OAAO,EAC9CA,EAAQ,aAAa,YAAaH,CAAQ,EAC1CG,EAAQ,aAAa,OAAQ,UAAU,EACvCD,EAAaJ,EAAYE,CAAQ,EAAIG,EACrC,SAAS,KAAK,YAAYA,CAAO,CACnC,CACAD,EAAW,UAAYD,CACzB",
-  "names": ["stylesheets", "injectStyles", "filePath", "css", "stylesheet", "styleEl"]
+  "mappings": "AAEA,MAAM,cAA2C,CAAC;AAO3C,MAAM,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,aAAa,QAAQ,UAAU;AACvC,iBAAa,YAAY,QAAQ,IAAI;AACrC,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
+  "names": []
 }

package/dist/esm/insertFont.js

@@ -1,2 +1,67 @@
-import{setConfigFont as f}from"./config.js";import{createFont as l}from"./createFont.js";import{createVariables as p}from"./createVariables.js";import{registerCSSVariable as s,variableToCSS as c}from"./helpers/registerCSSVariable.js";function j(t,o){const n=l(o),e=p(n,t),r=b(e);if(process.env.TAMAGUI_TARGET==="web"&&typeof document<"u"){const i=m(r),a=document.createElement("style");a.innerText=`:root .font_${t} {${i.join(";")}}`,a.setAttribute("data-tamagui-font",t),document.head.appendChild(a)}return f(t,e,r),r}function b(t){var n;const o={};for(const e in t){const r=t[e];if(e==="family"||e==="face"){o[e]=r;continue}o[e]={};for(const i in r){let a=r[i];((n=a.val)==null?void 0:n[0])==="$"&&(a=a.val),o[e][`$${i}`]=a}}return o}function m(t){const o=[];for(const n in t)if(n!=="face"){if(n==="family"){const e=t[n];s(e),o.push(c(e))}else for(const e in t[n])if(typeof t[n][e]!="string"){const i=t[n][e];s(i),o.push(c(i))}}return o}export{j as insertFont,b as parseFont,m as registerFontVariables};
+import { setConfigFont } from "./config.js";
+import { createFont } from "./createFont.js";
+import { createVariables } from "./createVariables.js";
+import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable.js";
+function insertFont(name, fontIn) {
+  const font = createFont(fontIn);
+  const tokened = createVariables(font, name);
+  const parsed = parseFont(tokened);
+  if (process.env.TAMAGUI_TARGET === "web" && typeof document !== "undefined") {
+    const fontVars = registerFontVariables(parsed);
+    const style = document.createElement("style");
+    style.innerText = `:root .font_${name} {${fontVars.join(";")}}`;
+    style.setAttribute("data-tamagui-font", name);
+    document.head.appendChild(style);
+  }
+  setConfigFont(name, tokened, parsed);
+  return parsed;
+}
+function parseFont(definition) {
+  var _a;
+  const parsed = {};
+  for (const attrKey in definition) {
+    const attr = definition[attrKey];
+    if (attrKey === "family" || attrKey === "face") {
+      parsed[attrKey] = attr;
+      continue;
+    }
+    parsed[attrKey] = {};
+    for (const key in attr) {
+      let val = attr[key];
+      if (((_a = val.val) == null ? void 0 : _a[0]) === "$") {
+        val = val.val;
+      }
+      parsed[attrKey][`$${key}`] = val;
+    }
+  }
+  return parsed;
+}
+function registerFontVariables(parsedFont) {
+  const response = [];
+  for (const fkey in parsedFont) {
+    if (fkey === "face")
+      continue;
+    if (fkey === "family") {
+      const val = parsedFont[fkey];
+      registerCSSVariable(val);
+      response.push(variableToCSS(val));
+    } else {
+      for (const fskey in parsedFont[fkey]) {
+        const fval = parsedFont[fkey][fskey];
+        if (typeof fval === "string") {
+        } else {
+          const val = parsedFont[fkey][fskey];
+          registerCSSVariable(val);
+          response.push(variableToCSS(val));
+        }
+      }
+    }
+  }
+  return response;
+}
+export {
+  insertFont,
+  parseFont,
+  registerFontVariables
+};
 //# sourceMappingURL=insertFont.js.map

package/dist/esm/insertFont.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/insertFont.ts"],
   "sourcesContent": ["import { setConfigFont } from './config.js'\nimport { createFont } from './createFont.js'\nimport { Variable } from './createVariable.js'\nimport { DeepVariableObject, createVariables } from './createVariables.js'\nimport { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable.js'\nimport { GenericFont } from './types.js'\n\n/**\n * Runtime dynamic insert font\n */\nexport function insertFont<A extends GenericFont>(\n  name: string,\n  fontIn: A\n): DeepVariableObject<A> {\n  const font = createFont(fontIn)\n  const tokened = createVariables(font, name) as GenericFont\n  const parsed = parseFont(tokened) as DeepVariableObject<A>\n  if (process.env.TAMAGUI_TARGET === 'web' && typeof document !== 'undefined') {\n    const fontVars = registerFontVariables(parsed)\n    const style = document.createElement('style')\n    style.innerText = `:root .font_${name} {${fontVars.join(';')}}`\n    style.setAttribute('data-tamagui-font', name)\n    document.head.appendChild(style)\n  }\n  setConfigFont(name, tokened, parsed)\n  return parsed\n}\n\nexport function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A> {\n  const parsed: any = {}\n  for (const attrKey in definition) {\n    const attr = definition[attrKey]\n    if (attrKey === 'family' || attrKey === 'face') {\n      parsed[attrKey] = attr\n      continue\n    }\n    parsed[attrKey] = {}\n    for (const key in attr) {\n      let val = attr[key] as any\n      // is a theme reference\n      if (val.val?.[0] === '$') {\n        val = val.val\n      }\n      parsed[attrKey][`$${key}`] = val\n    }\n  }\n  return parsed\n}\n\nexport function registerFontVariables(parsedFont: any) {\n  const response: string[] = []\n\n  for (const fkey in parsedFont) {\n    if (fkey === 'face') continue\n    if (fkey === 'family') {\n      const val = parsedFont[fkey] as Variable\n      registerCSSVariable(val)\n      response.push(variableToCSS(val))\n    } else {\n      for (const fskey in parsedFont[fkey]) {\n        const fval = parsedFont[fkey][fskey]\n        if (typeof fval === 'string') {\n          // no need to add its a theme reference like \"$borderColor\"\n        } else {\n          const val = parsedFont[fkey][fskey] as Variable\n          registerCSSVariable(val)\n          response.push(variableToCSS(val))\n        }\n      }\n    }\n  }\n  return response\n}\n"],
-  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,cAC9B,OAAS,cAAAC,MAAkB,kBAE3B,OAA6B,mBAAAC,MAAuB,uBACpD,OAAS,uBAAAC,EAAqB,iBAAAC,MAAqB,mCAM5C,SAASC,EACdC,EACAC,EACuB,CACvB,MAAMC,EAAOP,EAAWM,CAAM,EACxBE,EAAUP,EAAgBM,EAAMF,CAAI,EACpCI,EAASC,EAAUF,CAAO,EAChC,GAAI,QAAQ,IAAI,iBAAmB,OAAS,OAAO,SAAa,IAAa,CAC3E,MAAMG,EAAWC,EAAsBH,CAAM,EACvCI,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,UAAY,eAAeR,MAASM,EAAS,KAAK,GAAG,KAC3DE,EAAM,aAAa,oBAAqBR,CAAI,EAC5C,SAAS,KAAK,YAAYQ,CAAK,CACjC,CACA,OAAAd,EAAcM,EAAMG,EAASC,CAAM,EAC5BA,CACT,CAEO,SAASC,EAAiCI,EAAsC,CA5BvF,IAAAC,EA6BE,MAAMN,EAAc,CAAC,EACrB,UAAWO,KAAWF,EAAY,CAChC,MAAMG,EAAOH,EAAWE,CAAO,EAC/B,GAAIA,IAAY,UAAYA,IAAY,OAAQ,CAC9CP,EAAOO,CAAO,EAAIC,EAClB,QACF,CACAR,EAAOO,CAAO,EAAI,CAAC,EACnB,UAAWE,KAAOD,EAAM,CACtB,IAAIE,EAAMF,EAAKC,CAAG,IAEdH,EAAAI,EAAI,MAAJ,YAAAJ,EAAU,MAAO,MACnBI,EAAMA,EAAI,KAEZV,EAAOO,CAAO,EAAE,IAAIE,GAAK,EAAIC,CAC/B,CACF,CACA,OAAOV,CACT,CAEO,SAASG,EAAsBQ,EAAiB,CACrD,MAAMC,EAAqB,CAAC,EAE5B,UAAWC,KAAQF,EACjB,GAAIE,IAAS,QACb,GAAIA,IAAS,SAAU,CACrB,MAAMH,EAAMC,EAAWE,CAAI,EAC3BpB,EAAoBiB,CAAG,EACvBE,EAAS,KAAKlB,EAAcgB,CAAG,CAAC,CAClC,KACE,WAAWI,KAASH,EAAWE,CAAI,EAEjC,GAAI,OADSF,EAAWE,CAAI,EAAEC,CAAK,GACf,SAEb,CACL,MAAMJ,EAAMC,EAAWE,CAAI,EAAEC,CAAK,EAClCrB,EAAoBiB,CAAG,EACvBE,EAAS,KAAKlB,EAAcgB,CAAG,CAAC,CAClC,EAIN,OAAOE,CACT",
-  "names": ["setConfigFont", "createFont", "createVariables", "registerCSSVariable", "variableToCSS", "insertFont", "name", "fontIn", "font", "tokened", "parsed", "parseFont", "fontVars", "registerFontVariables", "style", "definition", "_a", "attrKey", "attr", "key", "val", "parsedFont", "response", "fkey", "fskey"]
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAA6B,uBAAuB;AACpD,SAAS,qBAAqB,qBAAqB;AAM5C,SAAS,WACd,MACA,QACuB;AACvB,QAAM,OAAO,WAAW,MAAM;AAC9B,QAAM,UAAU,gBAAgB,MAAM,IAAI;AAC1C,QAAM,SAAS,UAAU,OAAO;AAChC,MAAI,QAAQ,IAAI,mBAAmB,SAAS,OAAO,aAAa,aAAa;AAC3E,UAAM,WAAW,sBAAsB,MAAM;AAC7C,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,eAAe,SAAS,SAAS,KAAK,GAAG;AAC3D,UAAM,aAAa,qBAAqB,IAAI;AAC5C,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AACA,gBAAc,MAAM,SAAS,MAAM;AACnC,SAAO;AACT;AAEO,SAAS,UAAiC,YAAsC;AA5BvF;AA6BE,QAAM,SAAc,CAAC;AACrB,aAAW,WAAW,YAAY;AAChC,UAAM,OAAO,WAAW,OAAO;AAC/B,QAAI,YAAY,YAAY,YAAY,QAAQ;AAC9C,aAAO,OAAO,IAAI;AAClB;AAAA,IACF;AACA,WAAO,OAAO,IAAI,CAAC;AACnB,eAAW,OAAO,MAAM;AACtB,UAAI,MAAM,KAAK,GAAG;AAElB,YAAI,SAAI,QAAJ,mBAAU,QAAO,KAAK;AACxB,cAAM,IAAI;AAAA,MACZ;AACA,aAAO,OAAO,EAAE,IAAI,KAAK,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,sBAAsB,YAAiB;AACrD,QAAM,WAAqB,CAAC;AAE5B,aAAW,QAAQ,YAAY;AAC7B,QAAI,SAAS;AAAQ;AACrB,QAAI,SAAS,UAAU;AACrB,YAAM,MAAM,WAAW,IAAI;AAC3B,0BAAoB,GAAG;AACvB,eAAS,KAAK,cAAc,GAAG,CAAC;AAAA,IAClC,OAAO;AACL,iBAAW,SAAS,WAAW,IAAI,GAAG;AACpC,cAAM,OAAO,WAAW,IAAI,EAAE,KAAK;AACnC,YAAI,OAAO,SAAS,UAAU;AAAA,QAE9B,OAAO;AACL,gBAAM,MAAM,WAAW,IAAI,EAAE,KAAK;AAClC,8BAAoB,GAAG;AACvB,mBAAS,KAAK,cAAc,GAAG,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/insertFont.mjs

@@ -1,2 +1,67 @@
-import{setConfigFont as f}from"./config.js";import{createFont as l}from"./createFont.js";import{createVariables as p}from"./createVariables.js";import{registerCSSVariable as s,variableToCSS as c}from"./helpers/registerCSSVariable.js";function j(t,o){const n=l(o),e=p(n,t),r=b(e);if(process.env.TAMAGUI_TARGET==="web"&&typeof document<"u"){const i=m(r),a=document.createElement("style");a.innerText=`:root .font_${t} {${i.join(";")}}`,a.setAttribute("data-tamagui-font",t),document.head.appendChild(a)}return f(t,e,r),r}function b(t){var n;const o={};for(const e in t){const r=t[e];if(e==="family"||e==="face"){o[e]=r;continue}o[e]={};for(const i in r){let a=r[i];((n=a.val)==null?void 0:n[0])==="$"&&(a=a.val),o[e][`$${i}`]=a}}return o}function m(t){const o=[];for(const n in t)if(n!=="face"){if(n==="family"){const e=t[n];s(e),o.push(c(e))}else for(const e in t[n])if(typeof t[n][e]!="string"){const i=t[n][e];s(i),o.push(c(i))}}return o}export{j as insertFont,b as parseFont,m as registerFontVariables};
+import { setConfigFont } from "./config.js";
+import { createFont } from "./createFont.js";
+import { createVariables } from "./createVariables.js";
+import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable.js";
+function insertFont(name, fontIn) {
+  const font = createFont(fontIn);
+  const tokened = createVariables(font, name);
+  const parsed = parseFont(tokened);
+  if (process.env.TAMAGUI_TARGET === "web" && typeof document !== "undefined") {
+    const fontVars = registerFontVariables(parsed);
+    const style = document.createElement("style");
+    style.innerText = `:root .font_${name} {${fontVars.join(";")}}`;
+    style.setAttribute("data-tamagui-font", name);
+    document.head.appendChild(style);
+  }
+  setConfigFont(name, tokened, parsed);
+  return parsed;
+}
+function parseFont(definition) {
+  var _a;
+  const parsed = {};
+  for (const attrKey in definition) {
+    const attr = definition[attrKey];
+    if (attrKey === "family" || attrKey === "face") {
+      parsed[attrKey] = attr;
+      continue;
+    }
+    parsed[attrKey] = {};
+    for (const key in attr) {
+      let val = attr[key];
+      if (((_a = val.val) == null ? void 0 : _a[0]) === "$") {
+        val = val.val;
+      }
+      parsed[attrKey][`$${key}`] = val;
+    }
+  }
+  return parsed;
+}
+function registerFontVariables(parsedFont) {
+  const response = [];
+  for (const fkey in parsedFont) {
+    if (fkey === "face")
+      continue;
+    if (fkey === "family") {
+      const val = parsedFont[fkey];
+      registerCSSVariable(val);
+      response.push(variableToCSS(val));
+    } else {
+      for (const fskey in parsedFont[fkey]) {
+        const fval = parsedFont[fkey][fskey];
+        if (typeof fval === "string") {
+        } else {
+          const val = parsedFont[fkey][fskey];
+          registerCSSVariable(val);
+          response.push(variableToCSS(val));
+        }
+      }
+    }
+  }
+  return response;
+}
+export {
+  insertFont,
+  parseFont,
+  registerFontVariables
+};
 //# sourceMappingURL=insertFont.mjs.map

package/dist/esm/insertFont.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/insertFont.ts"],
   "sourcesContent": ["import { setConfigFont } from './config.js'\nimport { createFont } from './createFont.js'\nimport { Variable } from './createVariable.js'\nimport { DeepVariableObject, createVariables } from './createVariables.js'\nimport { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable.js'\nimport { GenericFont } from './types.js'\n\n/**\n * Runtime dynamic insert font\n */\nexport function insertFont<A extends GenericFont>(\n  name: string,\n  fontIn: A\n): DeepVariableObject<A> {\n  const font = createFont(fontIn)\n  const tokened = createVariables(font, name) as GenericFont\n  const parsed = parseFont(tokened) as DeepVariableObject<A>\n  if (process.env.TAMAGUI_TARGET === 'web' && typeof document !== 'undefined') {\n    const fontVars = registerFontVariables(parsed)\n    const style = document.createElement('style')\n    style.innerText = `:root .font_${name} {${fontVars.join(';')}}`\n    style.setAttribute('data-tamagui-font', name)\n    document.head.appendChild(style)\n  }\n  setConfigFont(name, tokened, parsed)\n  return parsed\n}\n\nexport function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A> {\n  const parsed: any = {}\n  for (const attrKey in definition) {\n    const attr = definition[attrKey]\n    if (attrKey === 'family' || attrKey === 'face') {\n      parsed[attrKey] = attr\n      continue\n    }\n    parsed[attrKey] = {}\n    for (const key in attr) {\n      let val = attr[key] as any\n      // is a theme reference\n      if (val.val?.[0] === '$') {\n        val = val.val\n      }\n      parsed[attrKey][`$${key}`] = val\n    }\n  }\n  return parsed\n}\n\nexport function registerFontVariables(parsedFont: any) {\n  const response: string[] = []\n\n  for (const fkey in parsedFont) {\n    if (fkey === 'face') continue\n    if (fkey === 'family') {\n      const val = parsedFont[fkey] as Variable\n      registerCSSVariable(val)\n      response.push(variableToCSS(val))\n    } else {\n      for (const fskey in parsedFont[fkey]) {\n        const fval = parsedFont[fkey][fskey]\n        if (typeof fval === 'string') {\n          // no need to add its a theme reference like \"$borderColor\"\n        } else {\n          const val = parsedFont[fkey][fskey] as Variable\n          registerCSSVariable(val)\n          response.push(variableToCSS(val))\n        }\n      }\n    }\n  }\n  return response\n}\n"],
-  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,cAC9B,OAAS,cAAAC,MAAkB,kBAE3B,OAA6B,mBAAAC,MAAuB,uBACpD,OAAS,uBAAAC,EAAqB,iBAAAC,MAAqB,mCAM5C,SAASC,EACdC,EACAC,EACuB,CACvB,MAAMC,EAAOP,EAAWM,CAAM,EACxBE,EAAUP,EAAgBM,EAAMF,CAAI,EACpCI,EAASC,EAAUF,CAAO,EAChC,GAAI,QAAQ,IAAI,iBAAmB,OAAS,OAAO,SAAa,IAAa,CAC3E,MAAMG,EAAWC,EAAsBH,CAAM,EACvCI,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,UAAY,eAAeR,MAASM,EAAS,KAAK,GAAG,KAC3DE,EAAM,aAAa,oBAAqBR,CAAI,EAC5C,SAAS,KAAK,YAAYQ,CAAK,CACjC,CACA,OAAAd,EAAcM,EAAMG,EAASC,CAAM,EAC5BA,CACT,CAEO,SAASC,EAAiCI,EAAsC,CA5BvF,IAAAC,EA6BE,MAAMN,EAAc,CAAC,EACrB,UAAWO,KAAWF,EAAY,CAChC,MAAMG,EAAOH,EAAWE,CAAO,EAC/B,GAAIA,IAAY,UAAYA,IAAY,OAAQ,CAC9CP,EAAOO,CAAO,EAAIC,EAClB,QACF,CACAR,EAAOO,CAAO,EAAI,CAAC,EACnB,UAAWE,KAAOD,EAAM,CACtB,IAAIE,EAAMF,EAAKC,CAAG,IAEdH,EAAAI,EAAI,MAAJ,YAAAJ,EAAU,MAAO,MACnBI,EAAMA,EAAI,KAEZV,EAAOO,CAAO,EAAE,IAAIE,GAAK,EAAIC,CAC/B,CACF,CACA,OAAOV,CACT,CAEO,SAASG,EAAsBQ,EAAiB,CACrD,MAAMC,EAAqB,CAAC,EAE5B,UAAWC,KAAQF,EACjB,GAAIE,IAAS,QACb,GAAIA,IAAS,SAAU,CACrB,MAAMH,EAAMC,EAAWE,CAAI,EAC3BpB,EAAoBiB,CAAG,EACvBE,EAAS,KAAKlB,EAAcgB,CAAG,CAAC,CAClC,KACE,WAAWI,KAASH,EAAWE,CAAI,EAEjC,GAAI,OADSF,EAAWE,CAAI,EAAEC,CAAK,GACf,SAEb,CACL,MAAMJ,EAAMC,EAAWE,CAAI,EAAEC,CAAK,EAClCrB,EAAoBiB,CAAG,EACvBE,EAAS,KAAKlB,EAAcgB,CAAG,CAAC,CAClC,EAIN,OAAOE,CACT",
-  "names": ["setConfigFont", "createFont", "createVariables", "registerCSSVariable", "variableToCSS", "insertFont", "name", "fontIn", "font", "tokened", "parsed", "parseFont", "fontVars", "registerFontVariables", "style", "definition", "_a", "attrKey", "attr", "key", "val", "parsedFont", "response", "fkey", "fskey"]
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAA6B,uBAAuB;AACpD,SAAS,qBAAqB,qBAAqB;AAM5C,SAAS,WACd,MACA,QACuB;AACvB,QAAM,OAAO,WAAW,MAAM;AAC9B,QAAM,UAAU,gBAAgB,MAAM,IAAI;AAC1C,QAAM,SAAS,UAAU,OAAO;AAChC,MAAI,QAAQ,IAAI,mBAAmB,SAAS,OAAO,aAAa,aAAa;AAC3E,UAAM,WAAW,sBAAsB,MAAM;AAC7C,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,eAAe,SAAS,SAAS,KAAK,GAAG;AAC3D,UAAM,aAAa,qBAAqB,IAAI;AAC5C,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AACA,gBAAc,MAAM,SAAS,MAAM;AACnC,SAAO;AACT;AAEO,SAAS,UAAiC,YAAsC;AA5BvF;AA6BE,QAAM,SAAc,CAAC;AACrB,aAAW,WAAW,YAAY;AAChC,UAAM,OAAO,WAAW,OAAO;AAC/B,QAAI,YAAY,YAAY,YAAY,QAAQ;AAC9C,aAAO,OAAO,IAAI;AAClB;AAAA,IACF;AACA,WAAO,OAAO,IAAI,CAAC;AACnB,eAAW,OAAO,MAAM;AACtB,UAAI,MAAM,KAAK,GAAG;AAElB,YAAI,SAAI,QAAJ,mBAAU,QAAO,KAAK;AACxB,cAAM,IAAI;AAAA,MACZ;AACA,aAAO,OAAO,EAAE,IAAI,KAAK,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,sBAAsB,YAAiB;AACrD,QAAM,WAAqB,CAAC;AAE5B,aAAW,QAAQ,YAAY;AAC7B,QAAI,SAAS;AAAQ;AACrB,QAAI,SAAS,UAAU;AACrB,YAAM,MAAM,WAAW,IAAI;AAC3B,0BAAoB,GAAG;AACvB,eAAS,KAAK,cAAc,GAAG,CAAC;AAAA,IAClC,OAAO;AACL,iBAAW,SAAS,WAAW,IAAI,GAAG;AACpC,cAAM,OAAO,WAAW,IAAI,EAAE,KAAK;AACnC,YAAI,OAAO,SAAS,UAAU;AAAA,QAE9B,OAAO;AACL,gBAAM,MAAM,WAAW,IAAI,EAAE,KAAK;AAClC,8BAAoB,GAAG;AACvB,mBAAS,KAAK,cAAc,GAAG,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/setupHooks.js

@@ -1,2 +1,9 @@
-const t={};function l(e){Object.assign(t,e)}export{t as hooks,l as setupHooks};
+const hooks = {};
+function setupHooks(next) {
+  Object.assign(hooks, next);
+}
+export {
+  hooks,
+  setupHooks
+};
 //# sourceMappingURL=setupHooks.js.map

package/dist/esm/setupHooks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupHooks.ts"],
   "sourcesContent": ["import { RefObject } from 'react'\n\nimport {\n  GetStyleResult,\n  TamaguiComponentEvents,\n  TamaguiComponentState,\n  TamaguiElement,\n} from './types'\n\nexport const hooks: InternalHooks = {}\n\n// internal hooks setup\nexport function setupHooks(next: InternalHooks) {\n  Object.assign(hooks, next)\n}\n\ntype InternalHooks = {\n  usePropsTransform?: (\n    elementType: any,\n    props: Record<string, any>,\n    hostRef: RefObject<TamaguiElement>\n  ) => any\n\n  useEvents?: (\n    viewProps: Record<string, any>,\n    events: TamaguiComponentEvents | null,\n    splitStyles: GetStyleResult,\n    setStateShallow: (next: Partial<TamaguiComponentState>) => void\n  ) => any\n\n  getBaseViews?: () => {\n    View: any\n    Text: any\n  }\n}\n"],
-  "mappings": "AASO,MAAMA,EAAuB,CAAC,EAG9B,SAASC,EAAWC,EAAqB,CAC9C,OAAO,OAAOF,EAAOE,CAAI,CAC3B",
-  "names": ["hooks", "setupHooks", "next"]
+  "mappings": "AASO,MAAM,QAAuB,CAAC;AAG9B,SAAS,WAAW,MAAqB;AAC9C,SAAO,OAAO,OAAO,IAAI;AAC3B;",
+  "names": []
 }

package/dist/esm/setupHooks.mjs

@@ -1,2 +1,9 @@
-const t={};function l(e){Object.assign(t,e)}export{t as hooks,l as setupHooks};
+const hooks = {};
+function setupHooks(next) {
+  Object.assign(hooks, next);
+}
+export {
+  hooks,
+  setupHooks
+};
 //# sourceMappingURL=setupHooks.mjs.map

package/dist/esm/setupHooks.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupHooks.ts"],
   "sourcesContent": ["import { RefObject } from 'react'\n\nimport {\n  GetStyleResult,\n  TamaguiComponentEvents,\n  TamaguiComponentState,\n  TamaguiElement,\n} from './types'\n\nexport const hooks: InternalHooks = {}\n\n// internal hooks setup\nexport function setupHooks(next: InternalHooks) {\n  Object.assign(hooks, next)\n}\n\ntype InternalHooks = {\n  usePropsTransform?: (\n    elementType: any,\n    props: Record<string, any>,\n    hostRef: RefObject<TamaguiElement>\n  ) => any\n\n  useEvents?: (\n    viewProps: Record<string, any>,\n    events: TamaguiComponentEvents | null,\n    splitStyles: GetStyleResult,\n    setStateShallow: (next: Partial<TamaguiComponentState>) => void\n  ) => any\n\n  getBaseViews?: () => {\n    View: any\n    Text: any\n  }\n}\n"],
-  "mappings": "AASO,MAAMA,EAAuB,CAAC,EAG9B,SAASC,EAAWC,EAAqB,CAC9C,OAAO,OAAOF,EAAOE,CAAI,CAC3B",
-  "names": ["hooks", "setupHooks", "next"]
+  "mappings": "AASO,MAAM,QAAuB,CAAC;AAG9B,SAAS,WAAW,MAAqB;AAC9C,SAAO,OAAO,OAAO,IAAI;AAC3B;",
+  "names": []
 }

package/dist/esm/setupReactNative.js

@@ -1,2 +1,25 @@
-const n=new WeakMap;function c(e){return n.get(e)}function r(e){for(const t in e){if(t[0].toLowerCase()===t[0])continue;const i=e[t];i&&typeof i=="object"&&n.set(i,{isReactNative:!0,isText:t==="Text"||t==="TextInput",isInput:t==="TextInput"||t==="TextArea",inlineProps:t==="Image"?new Set(["src","width","height"]):void 0})}}export{n as ReactNativeStaticConfigs,c as getReactNativeConfig,r as setupReactNative};
+const ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();
+function getReactNativeConfig(Component) {
+  return ReactNativeStaticConfigs.get(Component);
+}
+function setupReactNative(rnExports) {
+  for (const key in rnExports) {
+    if (key[0].toLowerCase() === key[0])
+      continue;
+    const val = rnExports[key];
+    if (val && typeof val === "object") {
+      ReactNativeStaticConfigs.set(val, {
+        isReactNative: true,
+        isText: key === "Text" || key === "TextInput",
+        isInput: key === "TextInput" || key === "TextArea",
+        inlineProps: key === "Image" ? /* @__PURE__ */ new Set(["src", "width", "height"]) : void 0
+      });
+    }
+  }
+}
+export {
+  ReactNativeStaticConfigs,
+  getReactNativeConfig,
+  setupReactNative
+};
 //# sourceMappingURL=setupReactNative.js.map

package/dist/esm/setupReactNative.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupReactNative.ts"],
   "sourcesContent": ["import { StaticConfig } from './types.js'\n\nexport const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()\n\nexport function getReactNativeConfig(Component: any) {\n  return ReactNativeStaticConfigs.get(Component)\n}\n\nexport function setupReactNative(rnExports: Record<string, any>) {\n  for (const key in rnExports) {\n    if (key[0].toLowerCase() === key[0]) continue\n    const val = rnExports[key]\n    if (val && typeof val === 'object') {\n      ReactNativeStaticConfigs.set(val, {\n        isReactNative: true,\n        isText: key === 'Text' || key === 'TextInput',\n        isInput: key === 'TextInput' || key === 'TextArea',\n        inlineProps: key === 'Image' ? new Set(['src', 'width', 'height']) : undefined,\n      })\n    }\n  }\n}\n"],
-  "mappings": "AAEO,MAAMA,EAA2B,IAAI,QAErC,SAASC,EAAqBC,EAAgB,CACnD,OAAOF,EAAyB,IAAIE,CAAS,CAC/C,CAEO,SAASC,EAAiBC,EAAgC,CAC/D,UAAWC,KAAOD,EAAW,CAC3B,GAAIC,EAAI,CAAC,EAAE,YAAY,IAAMA,EAAI,CAAC,EAAG,SACrC,MAAMC,EAAMF,EAAUC,CAAG,EACrBC,GAAO,OAAOA,GAAQ,UACxBN,EAAyB,IAAIM,EAAK,CAChC,cAAe,GACf,OAAQD,IAAQ,QAAUA,IAAQ,YAClC,QAASA,IAAQ,aAAeA,IAAQ,WACxC,YAAaA,IAAQ,QAAU,IAAI,IAAI,CAAC,MAAO,QAAS,QAAQ,CAAC,EAAI,MACvE,CAAC,CAEL,CACF",
-  "names": ["ReactNativeStaticConfigs", "getReactNativeConfig", "Component", "setupReactNative", "rnExports", "key", "val"]
+  "mappings": "AAEO,MAAM,2BAA2B,oBAAI,QAA2C;AAEhF,SAAS,qBAAqB,WAAgB;AACnD,SAAO,yBAAyB,IAAI,SAAS;AAC/C;AAEO,SAAS,iBAAiB,WAAgC;AAC/D,aAAW,OAAO,WAAW;AAC3B,QAAI,IAAI,CAAC,EAAE,YAAY,MAAM,IAAI,CAAC;AAAG;AACrC,UAAM,MAAM,UAAU,GAAG;AACzB,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,+BAAyB,IAAI,KAAK;AAAA,QAChC,eAAe;AAAA,QACf,QAAQ,QAAQ,UAAU,QAAQ;AAAA,QAClC,SAAS,QAAQ,eAAe,QAAQ;AAAA,QACxC,aAAa,QAAQ,UAAU,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC,IAAI;AAAA,MACvE,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/esm/setupReactNative.mjs

@@ -1,2 +1,25 @@
-const n=new WeakMap;function c(e){return n.get(e)}function r(e){for(const t in e){if(t[0].toLowerCase()===t[0])continue;const i=e[t];i&&typeof i=="object"&&n.set(i,{isReactNative:!0,isText:t==="Text"||t==="TextInput",isInput:t==="TextInput"||t==="TextArea",inlineProps:t==="Image"?new Set(["src","width","height"]):void 0})}}export{n as ReactNativeStaticConfigs,c as getReactNativeConfig,r as setupReactNative};
+const ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();
+function getReactNativeConfig(Component) {
+  return ReactNativeStaticConfigs.get(Component);
+}
+function setupReactNative(rnExports) {
+  for (const key in rnExports) {
+    if (key[0].toLowerCase() === key[0])
+      continue;
+    const val = rnExports[key];
+    if (val && typeof val === "object") {
+      ReactNativeStaticConfigs.set(val, {
+        isReactNative: true,
+        isText: key === "Text" || key === "TextInput",
+        isInput: key === "TextInput" || key === "TextArea",
+        inlineProps: key === "Image" ? /* @__PURE__ */ new Set(["src", "width", "height"]) : void 0
+      });
+    }
+  }
+}
+export {
+  ReactNativeStaticConfigs,
+  getReactNativeConfig,
+  setupReactNative
+};
 //# sourceMappingURL=setupReactNative.mjs.map

package/dist/esm/setupReactNative.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupReactNative.ts"],
   "sourcesContent": ["import { StaticConfig } from './types.js'\n\nexport const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()\n\nexport function getReactNativeConfig(Component: any) {\n  return ReactNativeStaticConfigs.get(Component)\n}\n\nexport function setupReactNative(rnExports: Record<string, any>) {\n  for (const key in rnExports) {\n    if (key[0].toLowerCase() === key[0]) continue\n    const val = rnExports[key]\n    if (val && typeof val === 'object') {\n      ReactNativeStaticConfigs.set(val, {\n        isReactNative: true,\n        isText: key === 'Text' || key === 'TextInput',\n        isInput: key === 'TextInput' || key === 'TextArea',\n        inlineProps: key === 'Image' ? new Set(['src', 'width', 'height']) : undefined,\n      })\n    }\n  }\n}\n"],
-  "mappings": "AAEO,MAAMA,EAA2B,IAAI,QAErC,SAASC,EAAqBC,EAAgB,CACnD,OAAOF,EAAyB,IAAIE,CAAS,CAC/C,CAEO,SAASC,EAAiBC,EAAgC,CAC/D,UAAWC,KAAOD,EAAW,CAC3B,GAAIC,EAAI,CAAC,EAAE,YAAY,IAAMA,EAAI,CAAC,EAAG,SACrC,MAAMC,EAAMF,EAAUC,CAAG,EACrBC,GAAO,OAAOA,GAAQ,UACxBN,EAAyB,IAAIM,EAAK,CAChC,cAAe,GACf,OAAQD,IAAQ,QAAUA,IAAQ,YAClC,QAASA,IAAQ,aAAeA,IAAQ,WACxC,YAAaA,IAAQ,QAAU,IAAI,IAAI,CAAC,MAAO,QAAS,QAAQ,CAAC,EAAI,MACvE,CAAC,CAEL,CACF",
-  "names": ["ReactNativeStaticConfigs", "getReactNativeConfig", "Component", "setupReactNative", "rnExports", "key", "val"]
+  "mappings": "AAEO,MAAM,2BAA2B,oBAAI,QAA2C;AAEhF,SAAS,qBAAqB,WAAgB;AACnD,SAAO,yBAAyB,IAAI,SAAS;AAC/C;AAEO,SAAS,iBAAiB,WAAgC;AAC/D,aAAW,OAAO,WAAW;AAC3B,QAAI,IAAI,CAAC,EAAE,YAAY,MAAM,IAAI,CAAC;AAAG;AACrC,UAAM,MAAM,UAAU,GAAG;AACzB,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,+BAAyB,IAAI,KAAK;AAAA,QAChC,eAAe;AAAA,QACf,QAAQ,QAAQ,UAAU,QAAQ;AAAA,QAClC,SAAS,QAAQ,eAAe,QAAQ;AAAA,QACxC,aAAa,QAAQ,UAAU,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC,IAAI;AAAA,MACvE,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": []
 }

package/dist/esm/styled.js

@@ -1,2 +1,70 @@
-import{stylePropsAll as v}from"@tamagui/helpers";import{createComponent as c}from"./createComponent.js";import{ReactNativeStaticConfigs as l}from"./setupReactNative.js";function b(t,n,a){if(process.env.NODE_ENV!=="production"){if(!t)throw new Error("No component given to styled()");if(n!=null&&n.variants)for(const o in n.variants)o in v&&console.error(`Invalid variant key overlaps with style key: ${o}. Tamagui prevents defining variants that use valid style keys to reduce complexity and confusion.`)}const e="staticConfig"in t?t.staticConfig:null,s=!!e&&!(e.isReactNative||e.isHOC),r=s?t:(e==null?void 0:e.Component)||t,i=Boolean(l.has(r)||(a==null?void 0:a.isReactNative)||l.has(e==null?void 0:e.Component)||(e==null?void 0:e.isReactNative)),d=(()=>{if(n){const{variants:o,name:u,defaultVariants:p,acceptsClassName:V,...m}=n;p&&Object.assign(m,p);const f=i&&l.get(r)||null,C=Boolean((a==null?void 0:a.isText)||(e==null?void 0:e.isText)),P=V??(s||i),y={...a,...!s&&{Component:r},variants:o,defaultProps:m,defaultVariants:p,componentName:u||(e==null?void 0:e.componentName),isReactNative:i,isText:C,acceptsClassName:P,...f};return(m.children||!P)&&(y.neverFlatten=!0),y}})();return c(d||{},r)}export{b as styled};
+import { stylePropsAll } from "@tamagui/helpers";
+import { createComponent } from "./createComponent.js";
+import { ReactNativeStaticConfigs } from "./setupReactNative.js";
+function styled(ComponentIn, options, staticExtractionOptions) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!ComponentIn) {
+      throw new Error(`No component given to styled()`);
+    }
+    if (options == null ? void 0 : options.variants) {
+      for (const key in options.variants) {
+        if (key in stylePropsAll) {
+          console.error(
+            `Invalid variant key overlaps with style key: ${key}. Tamagui prevents defining variants that use valid style keys to reduce complexity and confusion.`
+          );
+        }
+      }
+    }
+  }
+  const parentStaticConfig = "staticConfig" in ComponentIn ? ComponentIn.staticConfig : null;
+  const isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
+  const Component = isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn;
+  const isReactNative = Boolean(
+    ReactNativeStaticConfigs.has(Component) || (staticExtractionOptions == null ? void 0 : staticExtractionOptions.isReactNative) || ReactNativeStaticConfigs.has(parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || (parentStaticConfig == null ? void 0 : parentStaticConfig.isReactNative)
+  );
+  const staticConfigProps = (() => {
+    if (options) {
+      const {
+        variants,
+        name,
+        defaultVariants,
+        acceptsClassName: acceptsClassNameProp,
+        ...defaultProps
+      } = options;
+      if (defaultVariants) {
+        Object.assign(defaultProps, defaultVariants);
+      }
+      const nativeConf = isReactNative && ReactNativeStaticConfigs.get(Component) || null;
+      const isText = Boolean(
+        (staticExtractionOptions == null ? void 0 : staticExtractionOptions.isText) || (parentStaticConfig == null ? void 0 : parentStaticConfig.isText)
+      );
+      const acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative);
+      const conf = {
+        ...staticExtractionOptions,
+        ...!isPlainStyledComponent && {
+          Component
+        },
+        // this type gets messed up by options?: Partial<GetProps<ParentComponent>> above
+        // take away the Partial<> and it's fine
+        variants,
+        defaultProps,
+        defaultVariants,
+        componentName: name || (parentStaticConfig == null ? void 0 : parentStaticConfig.componentName),
+        isReactNative,
+        isText,
+        acceptsClassName,
+        ...nativeConf
+      };
+      if (defaultProps.children || !acceptsClassName) {
+        conf.neverFlatten = true;
+      }
+      return conf;
+    }
+  })();
+  const component = createComponent(staticConfigProps || {}, Component);
+  return component;
+}
+export {
+  styled
+};
 //# sourceMappingURL=styled.js.map