@tamagui/core 1.14.4 → 1.14.6

package/dist/esm/helpers/themes.mjs

@@ -1,53 +0,0 @@
-import { createVariable, isVariable } from "../createVariable";
-import { GetThemeUnwrapped } from "../hooks/getThemeUnwrapped";
-function ensureThemeVariable(theme, key) {
-  const val = theme[key];
-  const themeKey = key;
-  if (!isVariable(val)) {
-    theme[key] = createVariable({
-      key: themeKey,
-      name: themeKey,
-      val
-    });
-  } else {
-    if (val.name !== themeKey) {
-      theme[key] = createVariable({
-        key: val.name,
-        name: themeKey,
-        val: val.val
-      });
-    }
-  }
-}
-function proxyThemeToParents(themeName, theme, themes) {
-  const cur = [];
-  const parents = themeName.split("_").slice(0, -1).map((part) => {
-    cur.push(part);
-    return cur.join("_");
-  });
-  const len = parents.length;
-  return new Proxy(theme, {
-    get(target, key) {
-      if (key === GetThemeUnwrapped) {
-        return theme;
-      }
-      if (!len || Reflect.has(target, key)) {
-        return Reflect.get(target, key);
-      }
-      for (let i = len - 1; i >= 0; i--) {
-        const parent = themes[parents[i]];
-        if (!parent)
-          continue;
-        if (Reflect.has(parent, key)) {
-          return Reflect.get(parent, key);
-        }
-      }
-      return Reflect.get(target, key);
-    }
-  });
-}
-export {
-  ensureThemeVariable,
-  proxyThemeToParents
-};
-//# sourceMappingURL=themes.mjs.map

package/dist/esm/helpers/themes.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/themes.ts"],
-  "sourcesContent": ["import { createVariable, isVariable } from '../createVariable'\nimport { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped'\nimport { CreateTamaguiProps } from '../types'\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n\nexport function proxyThemeToParents(\n  themeName: string,\n  theme: any,\n  themes: CreateTamaguiProps['themes']\n) {\n  // we could test if this is better as just a straight object spread or fancier proxy\n  const cur: string[] = []\n  // if theme is dark_blue_alt1_Button\n  // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n  const parents = themeName\n    .split('_')\n    .slice(0, -1)\n    .map((part) => {\n      cur.push(part)\n      return cur.join('_')\n    })\n\n  const len = parents.length\n\n  // proxy fallback values to parent theme values\n  return new Proxy(theme, {\n    get(target, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      }\n      if (!len || Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      // check parents\n      for (let i = len - 1; i >= 0; i--) {\n        const parent = themes[parents[i]]\n        if (!parent) continue\n        if (Reflect.has(parent, key)) {\n          return Reflect.get(parent, key)\n        }\n      }\n      return Reflect.get(target, key)\n    },\n  })\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,yBAAyB;AAK3B,SAAS,oBAAoB,OAAY,KAAa;AAC3D,QAAM,MAAM,MAAM,GAAG;AACrB,QAAM,WAAW;AACjB,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,GAAG,IAAI,eAAe;AAAA,MAC1B,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH,OAAO;AACL,QAAI,IAAI,SAAS,UAAU;AAEzB,YAAM,GAAG,IAAI,eAAe;AAAA,QAC1B,KAAK,IAAI;AAAA,QACT,MAAM;AAAA,QACN,KAAK,IAAI;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,SAAS,oBACd,WACA,OACA,QACA;AAEA,QAAM,MAAgB,CAAC;AAGvB,QAAM,UAAU,UACb,MAAM,GAAG,EACT,MAAM,GAAG,EAAE,EACX,IAAI,CAAC,SAAS;AACb,QAAI,KAAK,IAAI;AACb,WAAO,IAAI,KAAK,GAAG;AAAA,EACrB,CAAC;AAEH,QAAM,MAAM,QAAQ;AAGpB,SAAO,IAAI,MAAM,OAAO;AAAA,IACtB,IAAI,QAAQ,KAAK;AACf,UAAI,QAAQ,mBAAmB;AAC7B,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,QAAQ,IAAI,QAAQ,GAAG,GAAG;AACpC,eAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,MAChC;AAEA,eAAS,IAAI,MAAM,GAAG,KAAK,GAAG,KAAK;AACjC,cAAM,SAAS,OAAO,QAAQ,CAAC,CAAC;AAChC,YAAI,CAAC;AAAQ;AACb,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AACA,aAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACH;",
-  "names": []
-}

package/dist/esm/helpers/timer.js

@@ -1,11 +0,0 @@
-const timer = require("@tamagui/timer").timer();
-setTimeout(() => {
-  timer.print();
-}, 2e3);
-const time = timer.start({
-  quiet: true
-});
-export {
-  time
-};
-//# sourceMappingURL=timer.js.map

package/dist/esm/helpers/timer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/timer.ts"],
-  "sourcesContent": ["const timer = require('@tamagui/timer').timer()\n\nsetTimeout(() => {\n  timer.print()\n}, 2000)\n\nexport const time = timer.start({\n  quiet: true,\n})\n"],
-  "mappings": "AAAA,MAAM,QAAQ,QAAQ,gBAAgB,EAAE,MAAM;AAE9C,WAAW,MAAM;AACf,QAAM,MAAM;AACd,GAAG,GAAI;AAEA,MAAM,OAAO,MAAM,MAAM;AAAA,EAC9B,OAAO;AACT,CAAC;",
-  "names": []
-}

package/dist/esm/helpers/timer.mjs

@@ -1,11 +0,0 @@
-const timer = require("@tamagui/timer").timer();
-setTimeout(() => {
-  timer.print();
-}, 2e3);
-const time = timer.start({
-  quiet: true
-});
-export {
-  time
-};
-//# sourceMappingURL=timer.mjs.map

package/dist/esm/helpers/timer.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/timer.ts"],
-  "sourcesContent": ["const timer = require('@tamagui/timer').timer()\n\nsetTimeout(() => {\n  timer.print()\n}, 2000)\n\nexport const time = timer.start({\n  quiet: true,\n})\n"],
-  "mappings": "AAAA,MAAM,QAAQ,QAAQ,gBAAgB,EAAE,MAAM;AAE9C,WAAW,MAAM;AACf,QAAM,MAAM;AACd,GAAG,GAAI;AAEA,MAAM,OAAO,MAAM,MAAM;AAAA,EAC9B,OAAO;AACT,CAAC;",
-  "names": []
-}

package/dist/esm/helpers/useShallowSetState.js

@@ -1,34 +0,0 @@
-import { startTransition, useCallback } from "react";
-function useShallowSetState(setter, transition, debug, debugName) {
-  return useCallback(
-    (next) => {
-      const run = () => {
-        setter((prev) => {
-          for (const key in next) {
-            if (prev[key] !== next[key]) {
-              if (process.env.NODE_ENV === "development") {
-                if (debug === "verbose") {
-                  console.log(` \u25B2 setState ${debugName}`, next);
-                }
-              }
-              return { ...prev, ...next };
-            }
-          }
-          return prev;
-        });
-      };
-      if (transition) {
-        startTransition(() => {
-          run();
-        });
-      } else {
-        run();
-      }
-    },
-    [setter]
-  );
-}
-export {
-  useShallowSetState
-};
-//# sourceMappingURL=useShallowSetState.js.map

package/dist/esm/helpers/useShallowSetState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/useShallowSetState.tsx"],
-  "sourcesContent": ["import React, { startTransition, useCallback } from 'react'\n\nimport { DebugProp } from '../types'\n\nexport function useShallowSetState<State extends Object>(\n  setter: React.Dispatch<React.SetStateAction<State>>,\n  transition?: boolean,\n  debug?: DebugProp,\n  debugName?: string\n) {\n  return useCallback(\n    (next: Partial<State>) => {\n      const run = () => {\n        setter((prev) => {\n          for (const key in next) {\n            if (prev[key] !== next[key]) {\n              if (process.env.NODE_ENV === 'development') {\n                if (debug === 'verbose') {\n                  // eslint-disable-next-line no-console\n                  console.log(` \u25B2 setState ${debugName}`, next)\n                }\n              }\n              return { ...prev, ...next }\n            }\n          }\n          return prev\n        })\n      }\n      if (transition) {\n        startTransition(() => {\n          run()\n        })\n      } else {\n        run()\n      }\n    },\n    [setter]\n  )\n}\n"],
-  "mappings": "AAAA,SAAgB,iBAAiB,mBAAmB;AAI7C,SAAS,mBACd,QACA,YACA,OACA,WACA;AACA,SAAO;AAAA,IACL,CAAC,SAAyB;AACxB,YAAM,MAAM,MAAM;AAChB,eAAO,CAAC,SAAS;AACf,qBAAW,OAAO,MAAM;AACtB,gBAAI,KAAK,GAAG,MAAM,KAAK,GAAG,GAAG;AAC3B,kBAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,oBAAI,UAAU,WAAW;AAEvB,0BAAQ,IAAI,oBAAe,aAAa,IAAI;AAAA,gBAC9C;AAAA,cACF;AACA,qBAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAAA,YAC5B;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AACA,UAAI,YAAY;AACd,wBAAgB,MAAM;AACpB,cAAI;AAAA,QACN,CAAC;AAAA,MACH,OAAO;AACL,YAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;",
-  "names": []
-}

package/dist/esm/helpers/useShallowSetState.mjs

@@ -1,34 +0,0 @@
-import { startTransition, useCallback } from "react";
-function useShallowSetState(setter, transition, debug, debugName) {
-  return useCallback(
-    (next) => {
-      const run = () => {
-        setter((prev) => {
-          for (const key in next) {
-            if (prev[key] !== next[key]) {
-              if (process.env.NODE_ENV === "development") {
-                if (debug === "verbose") {
-                  console.log(` \u25B2 setState ${debugName}`, next);
-                }
-              }
-              return { ...prev, ...next };
-            }
-          }
-          return prev;
-        });
-      };
-      if (transition) {
-        startTransition(() => {
-          run();
-        });
-      } else {
-        run();
-      }
-    },
-    [setter]
-  );
-}
-export {
-  useShallowSetState
-};
-//# sourceMappingURL=useShallowSetState.mjs.map

package/dist/esm/helpers/useShallowSetState.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/useShallowSetState.tsx"],
-  "sourcesContent": ["import React, { startTransition, useCallback } from 'react'\n\nimport { DebugProp } from '../types'\n\nexport function useShallowSetState<State extends Object>(\n  setter: React.Dispatch<React.SetStateAction<State>>,\n  transition?: boolean,\n  debug?: DebugProp,\n  debugName?: string\n) {\n  return useCallback(\n    (next: Partial<State>) => {\n      const run = () => {\n        setter((prev) => {\n          for (const key in next) {\n            if (prev[key] !== next[key]) {\n              if (process.env.NODE_ENV === 'development') {\n                if (debug === 'verbose') {\n                  // eslint-disable-next-line no-console\n                  console.log(` \u25B2 setState ${debugName}`, next)\n                }\n              }\n              return { ...prev, ...next }\n            }\n          }\n          return prev\n        })\n      }\n      if (transition) {\n        startTransition(() => {\n          run()\n        })\n      } else {\n        run()\n      }\n    },\n    [setter]\n  )\n}\n"],
-  "mappings": "AAAA,SAAgB,iBAAiB,mBAAmB;AAI7C,SAAS,mBACd,QACA,YACA,OACA,WACA;AACA,SAAO;AAAA,IACL,CAAC,SAAyB;AACxB,YAAM,MAAM,MAAM;AAChB,eAAO,CAAC,SAAS;AACf,qBAAW,OAAO,MAAM;AACtB,gBAAI,KAAK,GAAG,MAAM,KAAK,GAAG,GAAG;AAC3B,kBAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,oBAAI,UAAU,WAAW;AAEvB,0BAAQ,IAAI,oBAAe,aAAa,IAAI;AAAA,gBAC9C;AAAA,cACF;AACA,qBAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAAA,YAC5B;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AACA,UAAI,YAAY;AACd,wBAAgB,MAAM;AACpB,cAAI;AAAA,QACN,CAAC;AAAA,MACH,OAAO;AACL,YAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;",
-  "names": []
-}

package/dist/esm/helpers/withStaticProperties.js

@@ -1,8 +0,0 @@
-const withStaticProperties = function(component, staticProps) {
-  Object.assign(component, staticProps);
-  return component;
-};
-export {
-  withStaticProperties
-};
-//# sourceMappingURL=withStaticProperties.js.map

package/dist/esm/helpers/withStaticProperties.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/withStaticProperties.tsx"],
-  "sourcesContent": ["export const withStaticProperties = function <A extends Function, B>(\n  component: A,\n  staticProps: B\n): A & B {\n  Object.assign(component, staticProps)\n  return component as any\n}\n"],
-  "mappings": "AAAO,MAAM,uBAAuB,SAClC,WACA,aACO;AACP,SAAO,OAAO,WAAW,WAAW;AACpC,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/helpers/withStaticProperties.mjs

@@ -1,8 +0,0 @@
-const withStaticProperties = function(component, staticProps) {
-  Object.assign(component, staticProps);
-  return component;
-};
-export {
-  withStaticProperties
-};
-//# sourceMappingURL=withStaticProperties.mjs.map

package/dist/esm/helpers/withStaticProperties.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/withStaticProperties.tsx"],
-  "sourcesContent": ["export const withStaticProperties = function <A extends Function, B>(\n  component: A,\n  staticProps: B\n): A & B {\n  Object.assign(component, staticProps)\n  return component as any\n}\n"],
-  "mappings": "AAAO,MAAM,uBAAuB,SAClC,WACA,aACO;AACP,SAAO,OAAO,WAAW,WAAW;AACpC,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/hooks/getThemeUnwrapped.js

@@ -1,9 +0,0 @@
-const getThemeUnwrapped = (theme) => {
-  return (theme == null ? void 0 : theme[GetThemeUnwrapped]) || theme;
-};
-const GetThemeUnwrapped = Symbol();
-export {
-  GetThemeUnwrapped,
-  getThemeUnwrapped
-};
-//# sourceMappingURL=getThemeUnwrapped.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/getThemeUnwrapped.tsx"],
-  "sourcesContent": ["export const getThemeUnwrapped = (theme: any) => {\n  return theme?.[GetThemeUnwrapped] || theme\n}\n\nexport const GetThemeUnwrapped = Symbol()\n"],
-  "mappings": "AAAO,MAAM,oBAAoB,CAAC,UAAe;AAC/C,UAAO,+BAAQ,uBAAsB;AACvC;AAEO,MAAM,oBAAoB,OAAO;",
-  "names": []
-}

package/dist/esm/hooks/getThemeUnwrapped.mjs

@@ -1,9 +0,0 @@
-const getThemeUnwrapped = (theme) => {
-  return (theme == null ? void 0 : theme[GetThemeUnwrapped]) || theme;
-};
-const GetThemeUnwrapped = Symbol();
-export {
-  GetThemeUnwrapped,
-  getThemeUnwrapped
-};
-//# sourceMappingURL=getThemeUnwrapped.mjs.map

package/dist/esm/hooks/getThemeUnwrapped.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/getThemeUnwrapped.tsx"],
-  "sourcesContent": ["export const getThemeUnwrapped = (theme: any) => {\n  return theme?.[GetThemeUnwrapped] || theme\n}\n\nexport const GetThemeUnwrapped = Symbol()\n"],
-  "mappings": "AAAO,MAAM,oBAAoB,CAAC,UAAe;AAC/C,UAAO,+BAAQ,uBAAsB;AACvC;AAEO,MAAM,oBAAoB,OAAO;",
-  "names": []
-}

package/dist/esm/hooks/useId.js

@@ -1,5 +0,0 @@
-import { useId } from "react";
-export {
-  useId
-};
-//# sourceMappingURL=useId.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useId.tsx"],
-  "sourcesContent": ["export { useId } from 'react'\n"],
-  "mappings": "AAAA,SAAS,aAAa;",
-  "names": []
-}

package/dist/esm/hooks/useId.mjs

@@ -1,5 +0,0 @@
-import { useId } from "react";
-export {
-  useId
-};
-//# sourceMappingURL=useId.mjs.map

package/dist/esm/hooks/useId.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useId.tsx"],
-  "sourcesContent": ["export { useId } from 'react'\n"],
-  "mappings": "AAAA,SAAS,aAAa;",
-  "names": []
-}

package/dist/esm/hooks/useIsTouchDevice.js

@@ -1,9 +0,0 @@
-import { isTouchable, isWeb } from "@tamagui/constants";
-import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
-const useIsTouchDevice = () => {
-  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false;
-};
-export {
-  useIsTouchDevice
-};
-//# sourceMappingURL=useIsTouchDevice.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsTouchDevice.tsx"],
-  "sourcesContent": ["import { isTouchable, isWeb } from '@tamagui/constants'\nimport { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'\n\nexport const useIsTouchDevice = () => {\n  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AACnC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,SAAO,CAAC,QAAQ,OAAO,gBAAgB,IAAI,cAAc;AAC3D;",
-  "names": []
-}

package/dist/esm/hooks/useIsTouchDevice.mjs

@@ -1,9 +0,0 @@
-import { isTouchable, isWeb } from "@tamagui/constants";
-import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
-const useIsTouchDevice = () => {
-  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false;
-};
-export {
-  useIsTouchDevice
-};
-//# sourceMappingURL=useIsTouchDevice.mjs.map

package/dist/esm/hooks/useIsTouchDevice.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsTouchDevice.tsx"],
-  "sourcesContent": ["import { isTouchable, isWeb } from '@tamagui/constants'\nimport { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'\n\nexport const useIsTouchDevice = () => {\n  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AACnC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,SAAO,CAAC,QAAQ,OAAO,gBAAgB,IAAI,cAAc;AAC3D;",
-  "names": []
-}

package/dist/esm/hooks/useMedia.js

@@ -1,224 +0,0 @@
-import { startTransition, useEffect, useMemo, useSyncExternalStore } from "react";
-import { getConfig } from "../config";
-import { createProxy } from "../helpers/createProxy";
-import { matchMedia } from "../helpers/matchMedia";
-import { useSafeRef } from "./useSafeRef";
-let mediaState = (
-  // development only safeguard
-  process.env.NODE_ENV === "development" ? createProxy(
-    {},
-    {
-      get(target, key) {
-        if (typeof key === "string" && key[0] === "$" && // dont error on $$typeof
-        key[1] !== "$") {
-          throw new Error(`Access mediaState should not use "$": ${key}`);
-        }
-        return Reflect.get(target, key);
-      }
-    }
-  ) : {}
-);
-const mediaQueryConfig = {};
-const getMedia = () => mediaState;
-const mediaKeysWithAndWithout$ = /* @__PURE__ */ new Set();
-let initState;
-const getInitialMediaState = () => {
-  return (getConfig().disableSSR ? mediaState : initState) || {};
-};
-let mediaKeysOrdered;
-const getMediaKeyImportance = (key) => {
-  if (process.env.NODE_ENV === "development" && key[0] === "$") {
-    throw new Error("use short key");
-  }
-  return mediaKeysOrdered.indexOf(key) + 2;
-};
-const dispose = /* @__PURE__ */ new Set();
-const configureMedia = (config) => {
-  const { media, mediaQueryDefaultActive } = config;
-  if (!media)
-    return;
-  for (const key in media) {
-    mediaState[key] = (mediaQueryDefaultActive == null ? void 0 : mediaQueryDefaultActive[key]) || false;
-    mediaKeysWithAndWithout$.add(key);
-    mediaKeysWithAndWithout$.add(`$${key}`);
-  }
-  Object.assign(mediaQueryConfig, media);
-  initState = { ...mediaState };
-  updateCurrentState();
-  mediaKeysOrdered = Object.keys(media);
-  if (config.disableSSR) {
-    setupMediaListeners();
-  }
-};
-function unlisten() {
-  dispose.forEach((cb) => cb());
-  dispose.clear();
-}
-let configuredKey = "";
-function setupMediaListeners() {
-  const nextKey = JSON.stringify(mediaQueryConfig);
-  if (nextKey === configuredKey)
-    return;
-  configuredKey = nextKey;
-  unlisten();
-  for (const key in mediaQueryConfig) {
-    let update2 = function() {
-      const next = !!getMatch().matches;
-      if (next === mediaState[key])
-        return;
-      mediaState = { ...mediaState, [key]: next };
-      updateCurrentState();
-    };
-    var update = update2;
-    const str = mediaObjectToString(mediaQueryConfig[key]);
-    const getMatch = () => matchMedia(str);
-    const match = getMatch();
-    if (!match) {
-      throw new Error("\u26A0\uFE0F No match");
-    }
-    match.addListener(update2);
-    dispose.add(() => {
-      match.removeListener(update2);
-    });
-    update2();
-  }
-}
-function useMediaListeners(config) {
-  if (config.disableSSR)
-    return;
-  useEffect(() => {
-    setupMediaListeners();
-  }, []);
-}
-const currentStateListeners = /* @__PURE__ */ new Set();
-let isFlushing = false;
-function updateCurrentState() {
-  if (isFlushing)
-    return;
-  isFlushing = true;
-  setTimeout(() => {
-    startTransition(() => {
-      currentStateListeners.forEach((cb) => cb(mediaState));
-    });
-    isFlushing = false;
-  }, 0);
-}
-const shouldUpdate = /* @__PURE__ */ new WeakMap();
-function setMediaShouldUpdate(ref, props) {
-  return shouldUpdate.set(ref, props);
-}
-function subscribe(subscriber) {
-  currentStateListeners.add(subscriber);
-  return () => currentStateListeners.delete(subscriber);
-}
-function useMedia(uid, debug) {
-  const internal = useSafeRef(void 0);
-  if (!internal.current) {
-    internal.current = {
-      prev: initState
-    };
-  }
-  const state = useSyncExternalStore(
-    subscribe,
-    () => {
-      const { touched, prev } = internal.current;
-      const componentState = uid ? shouldUpdate.get(uid) : void 0;
-      if ((componentState == null ? void 0 : componentState.enabled) === false) {
-        return prev;
-      }
-      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((componentState == null ? void 0 : componentState.enabled) && touched ? [...touched] : null);
-      if (testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key])) {
-        return prev;
-      }
-      internal.current.prev = mediaState;
-      return mediaState;
-    },
-    () => initState
-  );
-  return useMemo(() => {
-    return new Proxy(state, {
-      get(_, key) {
-        if (typeof key === "string") {
-          internal.current.touched ||= /* @__PURE__ */ new Set();
-          internal.current.touched.add(key);
-        }
-        return Reflect.get(state, key);
-      }
-    });
-  }, [state]);
-}
-function useMediaPropsActive(props) {
-  const media = useMedia();
-  return useMemo(() => {
-    const next = {};
-    const importancesUsed = {};
-    const propNames = Object.keys(props);
-    for (let i = propNames.length - 1; i >= 0; i--) {
-      const key = propNames[i];
-      const val = props[key];
-      if (key[0] === "$") {
-        const mediaKey = key.slice(1);
-        if (!media[mediaKey])
-          continue;
-        if (val && typeof val === "object") {
-          const subKeys = Object.keys(val);
-          for (let j = subKeys.length; j--; j >= 0) {
-            const subKey = subKeys[j];
-            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed);
-          }
-        }
-      } else {
-        mergeMediaByImportance(next, "", key, val, importancesUsed);
-      }
-    }
-    return next;
-  }, [media, props]);
-}
-const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed) => {
-  const importance = getMediaKeyImportance(mediaKey);
-  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
-};
-function mergeMediaByImportance(onto, mediaKey, key, value, importancesUsed) {
-  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed);
-  if (importance === null) {
-    return false;
-  }
-  importancesUsed[key] = importance;
-  onto[key] = value;
-  return true;
-}
-function camelToHyphen(str) {
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
-}
-function mediaObjectToString(query) {
-  if (typeof query === "string") {
-    return query;
-  }
-  return Object.entries(query).map(([feature, value]) => {
-    feature = camelToHyphen(feature);
-    if (typeof value === "string") {
-      return `(${feature}: ${value})`;
-    }
-    if (typeof value === "number" && /[height|width]$/.test(feature)) {
-      value = `${value}px`;
-    }
-    return `(${feature}: ${value})`;
-  }).join(" and ");
-}
-export {
-  configureMedia,
-  getInitialMediaState,
-  getMedia,
-  getMediaImportanceIfMoreImportant,
-  getMediaKeyImportance,
-  mediaKeysWithAndWithout$,
-  mediaObjectToString,
-  mediaQueryConfig,
-  mediaState,
-  mergeMediaByImportance,
-  setMediaShouldUpdate,
-  useMedia,
-  useMediaListeners,
-  useMediaPropsActive
-};
-//# sourceMappingURL=useMedia.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useMedia.tsx"],
-  "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nlet isFlushing = false\n\nfunction updateCurrentState() {\n  if (isFlushing) return\n  isFlushing = true\n  setTimeout(() => {\n    startTransition(() => {\n      currentStateListeners.forEach((cb) => cb(mediaState))\n    })\n    isFlushing = false\n  }, 0)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n      const testKeys =\n        componentState?.keys ?? (componentState?.enabled && touched ? [...touched] : null)\n\n      if (testKeys?.every((key) => mediaState[key] === prev[key])) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
-  "mappings": "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",
-  "names": ["update"]
-}