@tamagui/web 1.61.3 → 1.62.0

package/dist/esm/hooks/useMemoDebug.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useMemoDebug.tsx"],
-  "mappings": "AAEA,SAAS,eAAe;AAEjB,MAAM,eAA+B,CAAC,IAAI,SAAS;AACxD,MAAI,MAAM;AAEV,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM;AACN,WAAO,GAAG;AAAA,EACZ,GAAG,IAAI;AAEP,MAAI,QAAQ,GAAG;AAEb,YAAQ,IAAI,aAAa;AAAA,EAC3B;AAEA,SAAO;AACT;",
+  "mappings": "AAEA,SAAS,eAAe;AAEjB,MAAM,eAA+B,CAAC,IAAI,SAAS;AACxD,MAAI,MAAM;AAEV,QAAM,MAAM,QAAQ,OAClB,MAAM,GACC,GAAG,IACT,IAAI;AAEP,SAAI,QAAQ,KAEV,QAAQ,IAAI,aAAa,GAGpB;AACT;",
   "names": []
 }

package/dist/esm/hooks/useProps.js

@@ -1,8 +1,8 @@
 import { useMediaPropsActive } from "./useMedia";
 function useProps(props, opts) {
   return useMediaPropsActive(props, {
-    expandShorthands: !(opts == null ? void 0 : opts.disableExpandShorthands),
-    resolveValues: opts == null ? void 0 : opts.resolveValues
+    expandShorthands: !opts?.disableExpandShorthands,
+    resolveValues: opts?.resolveValues
   });
 }
 export {

package/dist/esm/hooks/useProps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useProps.tsx"],
-  "mappings": "AACA,SAAS,2BAA2B;AAQ7B,SAAS,SACd,OACA,MAOA;AACA,SAAO,oBAAoB,OAAO;AAAA,IAChC,kBAAkB,EAAC,6BAAM;AAAA,IACzB,eAAe,6BAAM;AAAA,EACvB,CAAC;AACH;",
+  "mappings": "AACA,SAAS,2BAA2B;AAQ7B,SAAS,SACd,OACA,MAOA;AACA,SAAO,oBAAoB,OAAO;AAAA,IAChC,kBAAkB,CAAC,MAAM;AAAA,IACzB,eAAe,MAAM;AAAA,EACvB,CAAC;AACH;",
   "names": []
 }

package/dist/esm/hooks/useStyle.js

@@ -5,11 +5,7 @@ import { useSplitStyles } from "../helpers/getSplitStyles";
 import { useMedia } from "./useMedia";
 import { useThemeWithState } from "./useTheme";
 function useStyle(base, style, options) {
-  const isText = base.staticConfig.isText;
-  const componentContext = useContext(ComponentContext);
-  const [themeState] = useThemeWithState({});
-  const media = useMedia();
-  const out = useSplitStyles(
+  const isText = base.staticConfig.isText, componentContext = useContext(ComponentContext), [themeState] = useThemeWithState({}), media = useMedia(), out = useSplitStyles(
     style,
     base.staticConfig,
     themeState.state.theme,
@@ -23,7 +19,7 @@ function useStyle(base, style, options) {
     null,
     componentContext,
     isText ? "span" : "div",
-    options == null ? void 0 : options.debug
+    options?.debug
   );
   return {
     style: Object.keys(out.style).length ? out.style : null,

package/dist/esm/hooks/useStyle.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useStyle.tsx"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAQ/B,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAE3B,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa;AACjC,QAAM,mBAAmB,WAAW,gBAAgB;AACpD,QAAM,CAAC,UAAU,IAAI,kBAAkB,CAAC,CAAC;AACzC,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,SAAS;AAAA,IAClB,mCAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAQ/B,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAE3B,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa,QAC3B,mBAAmB,WAAW,gBAAgB,GAC9C,CAAC,UAAU,IAAI,kBAAkB,CAAC,CAAC,GACnC,QAAQ,SAAS,GACjB,MAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,SAAS;AAAA,IAClB,SAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
   "names": []
 }

package/dist/esm/hooks/useTheme.js

@@ -14,201 +14,127 @@ let cached;
 function getDefaultThemeProxied() {
   if (cached)
     return cached;
-  const config = getConfig();
-  const defaultTheme = config.themes.light ?? config.themes[Object.keys(config.themes)[0]];
-  cached = getThemeProxied(defaultTheme);
-  return cached;
+  const config = getConfig(), defaultTheme = config.themes.light ?? config.themes[Object.keys(config.themes)[0]];
+  return cached = getThemeProxied(defaultTheme), cached;
 }
 const useTheme = (props = emptyProps) => {
   const [_, theme] = useThemeWithState(props);
-  const res = theme || getDefaultThemeProxied();
-  return res;
-};
-const useThemeWithState = (props) => {
-  const keys = useRef([]);
-  const changedThemeState = useChangeThemeEffect(
+  return theme || getDefaultThemeProxied();
+}, useThemeWithState = (props) => {
+  const keys = useRef([]), changedThemeState = useChangeThemeEffect(
     props,
-    false,
+    !1,
     keys.current,
-    !isServer ? () => {
-      var _a, _b;
-      const next = ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? (keys.current.length > 0 ? true : void 0);
-      if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
-        console.log(`  \u{1F3A8} useTheme() shouldUpdate?`, next, {
-          shouldUpdateProp: (_b = props.shouldUpdate) == null ? void 0 : _b.call(props),
-          keys: [...keys.current]
-        });
-      }
-      return next;
-    } : void 0
-  );
-  const { themeManager, state } = changedThemeState;
-  const { theme, name, className } = state;
-  if (!theme) {
-    if (process.env.NODE_ENV === "development") {
-      throw new Error(
-        `No theme found given props ${JSON.stringify(
-          props
-        )}. Themes given to tamagui are: ${Object.keys(getConfig().themes)}`
-      );
+    isServer ? void 0 : () => {
+      const next = props.shouldUpdate?.() ?? (keys.current.length > 0 ? !0 : void 0);
+      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.log("  \u{1F3A8} useTheme() shouldUpdate?", next, {
+        shouldUpdateProp: props.shouldUpdate?.(),
+        keys: [...keys.current]
+      }), next;
     }
-    throw `\u274C 1`;
-  }
-  const themeProxied = useMemo(() => {
-    return getThemeProxied(theme, themeManager, keys.current, props.debug);
-  }, [theme, name, className, themeManager]);
-  if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-    console.groupCollapsed("  \u{1F539} useTheme =>", name);
-    console.log("returning state", changedThemeState, "from props", props);
-    console.groupEnd();
-  }
-  return [changedThemeState, themeProxied];
+  ), { themeManager, state } = changedThemeState, { theme, name, className } = state;
+  if (!theme)
+    throw process.env.NODE_ENV === "development" ? new Error(
+      `No theme found given props ${JSON.stringify(
+        props
+      )}. Themes given to tamagui are: ${Object.keys(getConfig().themes)}`
+    ) : "\u274C 1";
+  const themeProxied = useMemo(() => getThemeProxied(theme, themeManager, keys.current, props.debug), [theme, name, className, themeManager]);
+  return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", name), console.log("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
 };
 function getThemeProxied(theme, themeManager, keys, debug) {
   return createProxy(theme, {
     has(_, key) {
-      if (Reflect.has(theme, key)) {
-        return true;
-      }
-      if (typeof key === "string") {
-        if (key[0] === "$")
-          key = key.slice(1);
-        return themeManager == null ? void 0 : themeManager.allKeys.has(key);
-      }
+      if (Reflect.has(theme, key))
+        return !0;
+      if (typeof key == "string")
+        return key[0] === "$" && (key = key.slice(1)), themeManager?.allKeys.has(key);
     },
     get(_, key) {
-      if (key === GetThemeUnwrapped) {
+      if (key === GetThemeUnwrapped)
         return theme;
-      }
       if (
         // dont ask me, idk why but on hermes you can see that useTheme()[undefined] passes in STRING undefined to proxy
         // if someone is crazy enough to use "undefined" as a theme key then this not working is on them
-        key !== "undefined" && typeof key === "string"
+        key !== "undefined" && typeof key == "string"
       ) {
-        const keyString = key[0] === "$" ? key.slice(1) : key;
-        const val = theme[keyString];
-        if (val && typeof val === "object") {
+        const keyString = key[0] === "$" ? key.slice(1) : key, val = theme[keyString];
+        if (val && typeof val == "object")
           return new Proxy(val, {
             // when they touch the actual value we only track it
             // if its a variable (web), its ignored!
             get(_2, subkey) {
-              if (keys) {
-                if ((subkey === "val" || subkey === "get" && !isWeb) && !keys.includes(keyString)) {
-                  keys.push(keyString);
-                  if (process.env.NODE_ENV === "development" && debug) {
-                    console.log(` \u{1F3A8} useTheme() tracking new key: ${keyString}`);
-                  }
-                }
-              }
-              if (subkey === "get") {
-                return () => getVariable(val);
-              }
-              return Reflect.get(val, subkey);
+              return keys && (subkey === "val" || subkey === "get" && !isWeb) && !keys.includes(keyString) && (keys.push(keyString), process.env.NODE_ENV === "development" && debug && console.log(` \u{1F3A8} useTheme() tracking new key: ${keyString}`)), subkey === "get" ? () => getVariable(val) : Reflect.get(val, subkey);
             }
           });
-        }
       }
       return Reflect.get(_, key);
     }
   });
 }
-const activeThemeManagers = /* @__PURE__ */ new Set();
-const useChangeThemeEffect = (props, root = false, keys, shouldUpdate) => {
+const activeThemeManagers = /* @__PURE__ */ new Set(), useChangeThemeEffect = (props, root = !1, keys, shouldUpdate) => {
   const {
     // @ts-expect-error internal use only
     disable
-  } = props;
-  const parentManager = useContext(ThemeManagerContext);
+  } = props, parentManager = useContext(ThemeManagerContext);
   if (disable) {
     if (!parentManager)
-      throw `\u274C 2`;
+      throw "\u274C 2";
     return {
-      isNewTheme: false,
+      isNewTheme: !1,
       state: parentManager.state,
       themeManager: parentManager
     };
   }
-  const [themeState, setThemeState] = useState(createState);
-  const { state, mounted, isNewTheme, themeManager } = themeState;
-  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
-  function getShouldUpdateTheme(manager = themeManager, nextState, prevState = state, forceShouldChange = false) {
-    const forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
-    if (!forceShouldChange && forceUpdate === false)
+  const [themeState, setThemeState] = useState(createState), { state, mounted, isNewTheme, themeManager } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
+  function getShouldUpdateTheme(manager = themeManager, nextState, prevState = state, forceShouldChange = !1) {
+    const forceUpdate = shouldUpdate?.();
+    if (!forceShouldChange && forceUpdate === !1)
       return;
     const next = nextState || manager.getState(props, parentManager);
     if (forceShouldChange)
       return next;
-    if (!next)
-      return;
-    if (forceUpdate !== true && !manager.getStateShouldChange(next, prevState)) {
-      return;
-    }
-    return next;
+    if (next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState)))
+      return next;
   }
-  if (!isServer) {
-    useLayoutEffect(() => {
-      if (props.inverse && !mounted) {
-        setThemeState({ ...themeState, mounted: true });
-        return;
-      }
-      if (isNewTheme && themeManager) {
-        activeThemeManagers.add(themeManager);
-      }
-      if (isNewTheme || getShouldUpdateTheme(themeManager)) {
-        setThemeState(createState);
-      }
-      const selfListenerDispose = themeManager.onChangeTheme((_a, _b, forced) => {
-        if (forced) {
-          setThemeState((prev) => createState(prev, true));
-        }
-      });
-      const disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
-        const force = shouldUpdate == null ? void 0 : shouldUpdate();
-        const doUpdate = force ?? Boolean((keys == null ? void 0 : keys.length) || isNewTheme);
-        if (process.env.NODE_ENV === "development" && props.debug) {
-          console.log(` \u{1F538} onChange`, themeManager.id, {
-            force,
-            doUpdate,
-            props,
-            name,
-            manager,
-            keys
-          });
-        }
-        if (doUpdate) {
-          setThemeState(createState);
-        }
-      }, themeManager.id);
-      return () => {
-        selfListenerDispose();
-        disposeChangeListener == null ? void 0 : disposeChangeListener();
-        activeThemeManagers.delete(themeManager);
-      };
-    }, [
-      themeManager,
-      parentManager,
-      isNewTheme,
-      props.componentName,
-      props.inverse,
-      props.name,
-      props.reset,
-      mounted
-    ]);
-    if (process.env.NODE_ENV === "development" && props.debug !== "profile") {
-      useEffect(() => {
-        globalThis["TamaguiThemeManagers"] ??= /* @__PURE__ */ new Set();
-        globalThis["TamaguiThemeManagers"].add(themeManager);
-        return () => {
-          globalThis["TamaguiThemeManagers"].delete(themeManager);
-        };
-      }, [themeManager]);
+  if (isServer || (useLayoutEffect(() => {
+    if (props.inverse && !mounted) {
+      setThemeState({ ...themeState, mounted: !0 });
+      return;
     }
-  }
-  if (isInversingOnMount) {
+    isNewTheme && themeManager && activeThemeManagers.add(themeManager), (isNewTheme || getShouldUpdateTheme(themeManager)) && setThemeState(createState);
+    const selfListenerDispose = themeManager.onChangeTheme((_a, _b, forced) => {
+      forced && setThemeState((prev) => createState(prev, !0));
+    }), disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {
+      const force = shouldUpdate?.(), doUpdate = force ?? !!(keys?.length || isNewTheme);
+      process.env.NODE_ENV === "development" && props.debug && console.log(" \u{1F538} onChange", themeManager.id, {
+        force,
+        doUpdate,
+        props,
+        name,
+        manager,
+        keys
+      }), doUpdate && setThemeState(createState);
+    }, themeManager.id);
+    return () => {
+      selfListenerDispose(), disposeChangeListener?.(), activeThemeManagers.delete(themeManager);
+    };
+  }, [
+    themeManager,
+    parentManager,
+    isNewTheme,
+    props.componentName,
+    props.inverse,
+    props.name,
+    props.reset,
+    mounted
+  ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && useEffect(() => (globalThis.TamaguiThemeManagers ??= /* @__PURE__ */ new Set(), globalThis.TamaguiThemeManagers.add(themeManager), () => {
+    globalThis.TamaguiThemeManagers.delete(themeManager);
+  }), [themeManager])), isInversingOnMount) {
     if (!parentManager)
       throw "\u274C 3";
     return {
-      isNewTheme: false,
+      isNewTheme: !1,
       themeManager: parentManager,
       state: {
         ...parentManager.state,
@@ -221,70 +147,36 @@ const useChangeThemeEffect = (props, root = false, keys, shouldUpdate) => {
     isNewTheme,
     themeManager
   };
-  function createState(prev, force = false) {
-    if (prev && (shouldUpdate == null ? void 0 : shouldUpdate()) === false) {
+  function createState(prev, force = !1) {
+    if (prev && shouldUpdate?.() === !1)
       return prev;
-    }
-    let themeManager2 = parentManager;
-    let state2;
-    const hasThemeUpdatingProps = getHasThemeUpdatingProps(props);
-    if (hasThemeUpdatingProps) {
-      const getNewThemeManager = () => {
-        return new ThemeManager(props, root ? "root" : parentManager);
-      };
-      if (prev == null ? void 0 : prev.themeManager) {
+    let themeManager2 = parentManager, state2;
+    if (getHasThemeUpdatingProps(props)) {
+      const getNewThemeManager = () => new ThemeManager(props, root ? "root" : parentManager);
+      if (prev?.themeManager) {
         themeManager2 = prev.themeManager;
-        const forceChange = Boolean(keys == null ? void 0 : keys.length);
-        const next = themeManager2.getState(props, parentManager);
-        const nextState = getShouldUpdateTheme(
+        const forceChange = !!keys?.length, next = themeManager2.getState(props, parentManager), nextState = getShouldUpdateTheme(
           themeManager2,
           next,
           prev.state,
           forceChange
         );
-        if (nextState) {
-          state2 = nextState;
-          if (!prev.isNewTheme || !isWeb) {
-            themeManager2 = getNewThemeManager();
-          } else {
-            themeManager2.updateState(nextState);
-          }
-        } else {
-          if (prev.isNewTheme) {
-            if (parentManager && !next) {
-              themeManager2 = parentManager;
-            }
-          }
-        }
-      } else {
-        themeManager2 = getNewThemeManager();
-        state2 = { ...themeManager2.state };
-      }
+        nextState ? (state2 = nextState, !prev.isNewTheme || !isWeb ? themeManager2 = getNewThemeManager() : themeManager2.updateState(nextState)) : prev.isNewTheme && parentManager && !next && (themeManager2 = parentManager);
+      } else
+        themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
     }
-    const isNewTheme2 = Boolean(themeManager2 !== parentManager || props.inverse);
-    const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
-    if (!state2) {
-      if (isNewTheme2) {
-        state2 = themeManager2.state;
-      } else {
-        state2 = parentManager.state;
-        themeManager2 = parentManager;
-      }
-    }
-    if (!force && state2.name === (prev == null ? void 0 : prev.state.name)) {
+    const isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? root || prev?.mounted : !0;
+    if (state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager)), !force && state2.name === prev?.state.name)
       return prev;
-    }
     const response = {
       state: state2,
       themeManager: themeManager2,
       isNewTheme: isNewTheme2,
       mounted: mounted2
     };
-    if (process.env.NODE_ENV === "development" && props["debug"] && isClient) {
+    if (process.env.NODE_ENV === "development" && props.debug && isClient) {
       console.groupCollapsed(` \u{1F537} ${themeManager2.id} useChangeThemeEffect createState`);
-      const parentState = { ...parentManager == null ? void 0 : parentManager.state };
-      const parentId = parentManager == null ? void 0 : parentManager.id;
-      const themeManagerState = { ...themeManager2.state };
+      const parentState = { ...parentManager?.state }, parentId = parentManager?.id, themeManagerState = { ...themeManager2.state };
       console.log({
         props,
         parentState,
@@ -293,8 +185,7 @@ const useChangeThemeEffect = (props, root = false, keys, shouldUpdate) => {
         prev,
         response,
         themeManagerState
-      });
-      console.groupEnd();
+      }), console.groupEnd();
     }
     return response;
   }

package/dist/esm/hooks/useTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["_", "themeManager", "state", "isNewTheme", "mounted"]
 }

package/dist/esm/hooks/useThemeName.js

@@ -2,20 +2,14 @@ import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useContext, useState } from "react";
 import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
 function useThemeName(opts) {
-  const manager = useContext(ThemeManagerContext);
-  const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
-  useIsomorphicLayoutEffect(() => {
-    if (!manager)
-      return;
-    setName(manager.state.name);
-    return manager.onChangeTheme((next, manager2) => {
-      const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
-      if (!name2)
-        return;
-      setName(name2);
-    });
-  }, [manager == null ? void 0 : manager.state.name]);
-  return name;
+  const manager = useContext(ThemeManagerContext), [name, setName] = useState(manager?.state.name || "");
+  return useIsomorphicLayoutEffect(() => {
+    if (manager)
+      return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
+        const name2 = opts?.parent && manager2.state.parentName || next;
+        name2 && setName(name2);
+      });
+  }, [manager?.state.name]), name;
 }
 export {
   useThemeName

package/dist/esm/hooks/useThemeName.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useThemeName.tsx"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,YAAY,gBAAgB;AAErC,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,UAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,4BAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,YAAY,gBAAgB;AAErC,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,QAAM,UAAU,WAAW,mBAAmB,GACxC,CAAC,MAAM,OAAO,IAAI,SAAS,SAAS,MAAM,QAAQ,EAAE;AAE1D,mCAA0B,MAAM;AAC9B,QAAK;AACL,qBAAQ,QAAQ,MAAM,IAAI,GACnB,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,cAAMC,QAAO,MAAM,UAASD,SAAQ,MAAM,cAAc;AACxD,QAAKC,SACL,QAAQA,KAAI;AAAA,MACd,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,MAAM,IAAI,CAAC,GAEjB;AACT;",
   "names": ["manager", "name"]
 }

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+import "@tamagui/polyfill-dev";
 export * from "./Tamagui";
 export * from "./createComponent";
 export * from "./createShorthands";

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "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;AAEd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,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;AACd,cAAc;AACd,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;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;AAEd,cAAc;",
+  "mappings": "AAAA,OAAO;AAEP,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;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,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;AACd,cAAc;AACd,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;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;AAEd,cAAc;",
   "names": []
 }

package/dist/esm/inject-styles.js

@@ -1,12 +1,8 @@
-const stylesheets = {};
-const injectStyles = ({ filePath, css }) => {
+const stylesheets = {}, 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);
+    styleEl.setAttribute("data-file", filePath), styleEl.setAttribute("type", "text/css"), stylesheet = stylesheets[filePath] = styleEl, document.head.appendChild(styleEl);
   }
   stylesheet.innerHTML = css;
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/inject-styles.ts"],
-  "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;",
+  "mappings": "AAEA,MAAM,cAA2C,CAAC,GAOrC,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,GAC1C,QAAQ,aAAa,QAAQ,UAAU,GACvC,aAAa,YAAY,QAAQ,IAAI,SACrC,SAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
   "names": []
 }