@tamagui/core 1.2.18 → 1.3.0

package/dist/esm/helpers/themes.mjs

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,35 @@
+import { startTransition, useCallback } from "react";
+function useShallowSetState(setter, debug, debugName) {
+  return useCallback(
+    (next) => {
+      const shouldTransition = Object.keys(next).every(
+        (k) => transitionKeys.has(k)
+      );
+      const run = shouldTransition ? startTransition : (_) => _();
+      run(() => {
+        setter((prev) => {
+          for (const key in next) {
+            if (prev[key] !== next[key]) {
+              if (process.env.NODE_ENV === "development" && debug === "verbose") {
+                console.log(` \u25B2 setState ${debugName}`, next);
+              }
+              return { ...prev, ...next };
+            }
+          }
+          return prev;
+        });
+      });
+    },
+    [setter]
+  );
+}
+const transitionKeys = /* @__PURE__ */ new Set([
+  "press",
+  "pressIn",
+  "focus",
+  "unmounted"
+]);
+export {
+  useShallowSetState
+};
+//# sourceMappingURL=useShallowSetState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/useShallowSetState.tsx"],
+  "sourcesContent": ["import React, { startTransition, useCallback } from 'react'\n\nimport { DebugProp } from '../types'\nimport { TamaguiComponentState } from '..'\n\nexport function useShallowSetState<State extends TamaguiComponentState>(\n  setter: React.Dispatch<React.SetStateAction<State>>,\n  debug?: DebugProp,\n  debugName?: string\n) {\n  return useCallback(\n    (next: Partial<State>) => {\n      const shouldTransition = Object.keys(next).every((k) =>\n        transitionKeys.has(k as any)\n      )\n      const run = shouldTransition ? startTransition : (_) => _()\n      run(() => {\n        setter((prev) => {\n          for (const key in next) {\n            if (prev[key] !== next[key]) {\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                // eslint-disable-next-line no-console\n                console.log(` \u25B2 setState ${debugName}`, next)\n              }\n              return { ...prev, ...next }\n            }\n          }\n          return prev\n        })\n      })\n    },\n    [setter]\n  )\n}\n\nconst transitionKeys = new Set<keyof TamaguiComponentState>([\n  'press',\n  'pressIn',\n  'focus',\n  'unmounted',\n])\n"],
+  "mappings": "AAAA,SAAgB,iBAAiB,mBAAmB;AAK7C,SAAS,mBACd,QACA,OACA,WACA;AACA,SAAO;AAAA,IACL,CAAC,SAAyB;AACxB,YAAM,mBAAmB,OAAO,KAAK,IAAI,EAAE;AAAA,QAAM,CAAC,MAChD,eAAe,IAAI,CAAQ;AAAA,MAC7B;AACA,YAAM,MAAM,mBAAmB,kBAAkB,CAAC,MAAM,EAAE;AAC1D,UAAI,MAAM;AACR,eAAO,CAAC,SAAS;AACf,qBAAW,OAAO,MAAM;AACtB,gBAAI,KAAK,GAAG,MAAM,KAAK,GAAG,GAAG;AAC3B,kBAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,wBAAQ,IAAI,oBAAe,aAAa,IAAI;AAAA,cAC9C;AACA,qBAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAAA,YAC5B;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;AAEA,MAAM,iBAAiB,oBAAI,IAAiC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/helpers/useShallowSetState.mjs

@@ -0,0 +1,35 @@
+import { startTransition, useCallback } from "react";
+function useShallowSetState(setter, debug, debugName) {
+  return useCallback(
+    (next) => {
+      const shouldTransition = Object.keys(next).every(
+        (k) => transitionKeys.has(k)
+      );
+      const run = shouldTransition ? startTransition : (_) => _();
+      run(() => {
+        setter((prev) => {
+          for (const key in next) {
+            if (prev[key] !== next[key]) {
+              if (process.env.NODE_ENV === "development" && debug === "verbose") {
+                console.log(` \u25B2 setState ${debugName}`, next);
+              }
+              return { ...prev, ...next };
+            }
+          }
+          return prev;
+        });
+      });
+    },
+    [setter]
+  );
+}
+const transitionKeys = /* @__PURE__ */ new Set([
+  "press",
+  "pressIn",
+  "focus",
+  "unmounted"
+]);
+export {
+  useShallowSetState
+};
+//# sourceMappingURL=useShallowSetState.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/useShallowSetState.tsx"],
+  "sourcesContent": ["import React, { startTransition, useCallback } from 'react'\n\nimport { DebugProp } from '../types'\nimport { TamaguiComponentState } from '..'\n\nexport function useShallowSetState<State extends TamaguiComponentState>(\n  setter: React.Dispatch<React.SetStateAction<State>>,\n  debug?: DebugProp,\n  debugName?: string\n) {\n  return useCallback(\n    (next: Partial<State>) => {\n      const shouldTransition = Object.keys(next).every((k) =>\n        transitionKeys.has(k as any)\n      )\n      const run = shouldTransition ? startTransition : (_) => _()\n      run(() => {\n        setter((prev) => {\n          for (const key in next) {\n            if (prev[key] !== next[key]) {\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                // eslint-disable-next-line no-console\n                console.log(` \u25B2 setState ${debugName}`, next)\n              }\n              return { ...prev, ...next }\n            }\n          }\n          return prev\n        })\n      })\n    },\n    [setter]\n  )\n}\n\nconst transitionKeys = new Set<keyof TamaguiComponentState>([\n  'press',\n  'pressIn',\n  'focus',\n  'unmounted',\n])\n"],
+  "mappings": "AAAA,SAAgB,iBAAiB,mBAAmB;AAK7C,SAAS,mBACd,QACA,OACA,WACA;AACA,SAAO;AAAA,IACL,CAAC,SAAyB;AACxB,YAAM,mBAAmB,OAAO,KAAK,IAAI,EAAE;AAAA,QAAM,CAAC,MAChD,eAAe,IAAI,CAAQ;AAAA,MAC7B;AACA,YAAM,MAAM,mBAAmB,kBAAkB,CAAC,MAAM,EAAE;AAC1D,UAAI,MAAM;AACR,eAAO,CAAC,SAAS;AACf,qBAAW,OAAO,MAAM;AACtB,gBAAI,KAAK,GAAG,MAAM,KAAK,GAAG,GAAG;AAC3B,kBAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,wBAAQ,IAAI,oBAAe,aAAa,IAAI;AAAA,cAC9C;AACA,qBAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAAA,YAC5B;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;AAEA,MAAM,iBAAiB,oBAAI,IAAiC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/helpers/warnOnce.js

@@ -0,0 +1,14 @@
+let hasWarned;
+function warnOnce(key, warning) {
+  if (process.env.NODE_ENV === "development") {
+    hasWarned ??= {};
+    if (!hasWarned[key]) {
+      hasWarned[key] = true;
+      console.warn(warning);
+    }
+  }
+}
+export {
+  warnOnce
+};
+//# sourceMappingURL=warnOnce.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/warnOnce.tsx"],
+  "sourcesContent": ["let hasWarned\n\nexport function warnOnce(key: string, warning: string) {\n  if (process.env.NODE_ENV === 'development') {\n    hasWarned ??= {}\n    if (!hasWarned[key]) {\n      hasWarned[key] = true\n      console.warn(warning)\n    }\n  }\n}\n"],
+  "mappings": "AAAA,IAAI;AAEG,SAAS,SAAS,KAAa,SAAiB;AACrD,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAc,CAAC;AACf,QAAI,CAAC,UAAU,GAAG,GAAG;AACnB,gBAAU,GAAG,IAAI;AACjB,cAAQ,KAAK,OAAO;AAAA,IACtB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/helpers/warnOnce.mjs

@@ -0,0 +1,14 @@
+let hasWarned;
+function warnOnce(key, warning) {
+  if (process.env.NODE_ENV === "development") {
+    hasWarned ??= {};
+    if (!hasWarned[key]) {
+      hasWarned[key] = true;
+      console.warn(warning);
+    }
+  }
+}
+export {
+  warnOnce
+};
+//# sourceMappingURL=warnOnce.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/warnOnce.tsx"],
+  "sourcesContent": ["let hasWarned\n\nexport function warnOnce(key: string, warning: string) {\n  if (process.env.NODE_ENV === 'development') {\n    hasWarned ??= {}\n    if (!hasWarned[key]) {\n      hasWarned[key] = true\n      console.warn(warning)\n    }\n  }\n}\n"],
+  "mappings": "AAAA,IAAI;AAEG,SAAS,SAAS,KAAa,SAAiB;AACrD,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAc,CAAC;AACf,QAAI,CAAC,UAAU,GAAG,GAAG;AACnB,gBAAU,GAAG,IAAI;AACjB,cAAQ,KAAK,OAAO;AAAA,IACtB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/helpers/withStaticProperties.js

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

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

@@ -0,0 +1,7 @@
+{
+  "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

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

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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

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

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

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

package/dist/esm/hooks/useId.mjs

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

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

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

package/dist/esm/hooks/useIsTouchDevice.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,225 @@
+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 listeners = /* @__PURE__ */ new Set();
+let flushing = false;
+function updateCurrentState() {
+  if (flushing)
+    return;
+  flushing = true;
+  Promise.resolve().then(() => {
+    flushing = false;
+    startTransition(() => {
+      listeners.forEach((cb) => cb(mediaState));
+    });
+  });
+}
+const shouldUpdate = /* @__PURE__ */ new WeakMap();
+function setMediaShouldUpdate(ref, props) {
+  return shouldUpdate.set(ref, props);
+}
+function subscribe(subscriber) {
+  listeners.add(subscriber);
+  return () => listeners.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 || componentState.enabled) && touched ? [...touched] : null);
+      const hasntUpdated = testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key]);
+      if (hasntUpdated) {
+        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