@tamagui/core 1.0.1-beta.193 → 1.0.1-beta.195

package/dist/cjs/hooks/useDidFinishSSR.js

@@ -1,60 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useDidFinishSSR_exports = {};
-__export(useDidFinishSSR_exports, {
-  useDidFinishSSR: () => useDidFinishSSR,
-  useSetupHasSSRRendered: () => useSetupHasSSRRendered
-});
-module.exports = __toCommonJS(useDidFinishSSR_exports);
-var import_constants = require("@tamagui/constants");
-var import_react = require("react");
-let finished = false;
-const listeners = /* @__PURE__ */ new Set();
-function useSetupHasSSRRendered() {
-  if (import_constants.isServer || import_constants.isRSC) {
-    return;
-  }
-  (0, import_react.useEffect)(() => {
-    finished = true;
-    listeners.forEach((cb) => cb());
-    listeners.clear();
-  }, []);
-}
-function useDidFinishSSR() {
-  if (import_constants.isServer || import_constants.isRSC) {
-    return false;
-  }
-  const [did, setDid] = (0, import_react.useState)(finished);
-  if (!finished) {
-    (0, import_react.useEffect)(() => {
-      const done = () => setDid(true);
-      listeners.add(done);
-      return () => {
-        listeners.delete(done);
-      };
-    }, []);
-  }
-  return did;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDidFinishSSR,
-  useSetupHasSSRRendered
-});
-//# sourceMappingURL=useDidFinishSSR.js.map

package/dist/cjs/hooks/useDidFinishSSR.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useDidFinishSSR.tsx"],
-  "sourcesContent": ["import { isRSC, isServer } from '@tamagui/constants'\nimport { useEffect, useState } from 'react'\n\nlet finished = false\nconst listeners = new Set<Function>()\n\nexport function useSetupHasSSRRendered() {\n  if (isServer || isRSC) {\n    return\n  }\n\n  useEffect(() => {\n    finished = true\n    listeners.forEach((cb) => cb())\n    listeners.clear()\n  }, [])\n}\n\nexport function useDidFinishSSR() {\n  if (isServer || isRSC) {\n    return false\n  }\n\n  const [did, setDid] = useState(finished)\n\n  // conditional hook because it never changes if already true\n  if (!finished) {\n    useEffect(() => {\n      const done = () => setDid(true)\n      listeners.add(done)\n      return () => {\n        listeners.delete(done)\n      }\n    }, [])\n  }\n\n  return did\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAgC;AAChC,mBAAoC;AAEpC,IAAI,WAAW;AACf,MAAM,YAAY,oBAAI,IAAc;AAE7B,SAAS,yBAAyB;AACvC,MAAI,6BAAY,wBAAO;AACrB;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,eAAW;AACX,cAAU,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC9B,cAAU,MAAM;AAAA,EAClB,GAAG,CAAC,CAAC;AACP;AAEO,SAAS,kBAAkB;AAChC,MAAI,6BAAY,wBAAO;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,QAAQ;AAGvC,MAAI,CAAC,UAAU;AACb,gCAAU,MAAM;AACd,YAAM,OAAO,MAAM,OAAO,IAAI;AAC9B,gBAAU,IAAI,IAAI;AAClB,aAAO,MAAM;AACX,kBAAU,OAAO,IAAI;AAAA,MACvB;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO;AACT;",
-  "names": []
-}

package/dist/cjs/hooks/useIsSSR.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsSSR.tsx"],
-  "sourcesContent": ["import { isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\n\nimport { startTransition } from '../helpers/startTransition'\n\n// because any change before first useEffect causes hydration / mismatch issues\n\nexport const useIsSSR = (props?: { immediate?: boolean }) => {\n  const [val, setVal] = useState(true)\n\n  if (isWeb && !isServer) {\n    useIsomorphicLayoutEffect(() => {\n      // could also have a global tamagui `config.immediateSSRTransition`\n      if (props?.immediate) {\n        setVal(false)\n      } else {\n        startTransition(() => {\n          setVal(false)\n        })\n      }\n    }, [])\n  }\n\n  return val\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA2D;AAC3D,mBAAyB;AAEzB,6BAAgC;AAIzB,MAAM,WAAW,CAAC,UAAoC;AAC3D,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,IAAI;AAEnC,MAAI,0BAAS,CAAC,2BAAU;AACtB,oDAA0B,MAAM;AAE9B,UAAI,+BAAO,WAAW;AACpB,eAAO,KAAK;AAAA,MACd,OAAO;AACL,oDAAgB,MAAM;AACpB,iBAAO,KAAK;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/constants/platform.js

@@ -1,39 +0,0 @@
-var _a, _b;
-import { useEffect, useLayoutEffect } from "react";
-import { Platform } from "react-native";
-const isAndroid = ((_a = Platform) == null ? void 0 : _a.OS) === "android";
-const isIOS = ((_b = Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = process.env.TAMAGUI_TARGET === "web";
-const isWindowDefined = typeof window !== "undefined";
-const isServer = isWeb && !isWindowDefined;
-const isClient = isWeb && isWindowDefined;
-const isRSC = process.env.ENABLE_RSC ? import.meta.env ? import.meta.env.SSR : false : false;
-const idFn = () => {
-};
-const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? useEffect : useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const isWebTouchable = isClient && "ontouchstart" in window;
-const isTouchable = !isWeb || isWebTouchable;
-if (process.env.NODE_ENV === "development") {
-  if (!process.env.TAMAGUI_TARGET) {
-    console.warn(`Must set TAMAGUI_TARGET to "web" or "native"`);
-  } else if (isClient && process.env.TAMAGUI_TARGET !== "web" && process.env.TAMAGUI_IGNORE_TARGET !== "1") {
-    console.warn(
-      `Must set TAMAGUI_TARGET to "web" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`
-    );
-  }
-}
-export {
-  isAndroid,
-  isChrome,
-  isClient,
-  isIOS,
-  isRSC,
-  isServer,
-  isTouchable,
-  isWeb,
-  isWebTouchable,
-  isWindowDefined,
-  useIsomorphicLayoutEffect
-};
-//# sourceMappingURL=platform.js.map

package/dist/esm/constants/platform.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web'\nexport const isWindowDefined = typeof window !== 'undefined'\nexport const isServer = isWeb && !isWindowDefined\nexport const isClient = isWeb && isWindowDefined\n\n// may want to move to VITE_RSC_BUILD\nexport const isRSC = process.env.ENABLE_RSC\n  ? // note this is statically analyzed so no funny business, just access it without optional chaining\n    // @ts-ignore\n    import.meta.env\n    ? // @ts-ignore\n      import.meta.env.SSR\n    : false\n  : false\n\nconst idFn = () => {}\nexport const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const isWebTouchable = isClient && 'ontouchstart' in window\nexport const isTouchable = !isWeb || isWebTouchable\n\nif (process.env.NODE_ENV === 'development') {\n  if (!process.env.TAMAGUI_TARGET) {\n    // eslint-disable-next-line no-console\n    console.warn(`Must set TAMAGUI_TARGET to \"web\" or \"native\"`)\n  } else if (\n    isClient &&\n    process.env.TAMAGUI_TARGET !== 'web' &&\n    process.env.TAMAGUI_IGNORE_TARGET !== '1'\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Must set TAMAGUI_TARGET to \"web\" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`\n    )\n  }\n}\n"],
-  "mappings": "AAAA;AAAA,SAAS,WAAW,uBAAuB;AAC3C,SAAS,gBAAgB;AAElB,MAAM,cAAY,qCAAU,QAAO;AACnC,MAAM,UAAQ,qCAAU,QAAO;AAC/B,MAAM,QAAQ,QAAQ,IAAI,mBAAmB;AAC7C,MAAM,kBAAkB,OAAO,WAAW;AAC1C,MAAM,WAAW,SAAS,CAAC;AAC3B,MAAM,WAAW,SAAS;AAG1B,MAAM,QAAQ,QAAQ,IAAI,aAG7B,YAAY,MAEV,YAAY,IAAI,MAChB,QACF;AAEJ,MAAM,OAAO,MAAM;AAAC;AACb,MAAM,4BAA4B,QAAQ,OAAO,WAAW,YAAY;AACxE,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa,EAAE;AAC5F,MAAM,iBAAiB,YAAY,kBAAkB;AACrD,MAAM,cAAc,CAAC,SAAS;AAErC,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,MAAI,CAAC,QAAQ,IAAI,gBAAgB;AAE/B,YAAQ,KAAK,8CAA8C;AAAA,EAC7D,WACE,YACA,QAAQ,IAAI,mBAAmB,SAC/B,QAAQ,IAAI,0BAA0B,KACtC;AAEA,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/constants/platform.native.js

@@ -1,28 +0,0 @@
-var _a, _b;
-import { useLayoutEffect } from "react";
-import { Platform } from "react-native";
-const isAndroid = ((_a = Platform) == null ? void 0 : _a.OS) === "android";
-const isIOS = ((_b = Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = false;
-const isWindowDefined = false;
-const isServer = false;
-const isClient = false;
-const isRSC = false;
-const useIsomorphicLayoutEffect = useLayoutEffect;
-const isChrome = false;
-const isWebTouchable = false;
-const isTouchable = true;
-export {
-  isAndroid,
-  isChrome,
-  isClient,
-  isIOS,
-  isRSC,
-  isServer,
-  isTouchable,
-  isWeb,
-  isWebTouchable,
-  isWindowDefined,
-  useIsomorphicLayoutEffect
-};
-//# sourceMappingURL=platform.native.js.map

package/dist/esm/constants/platform.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/platform.native.ts"],
-  "sourcesContent": ["import { useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = false\nexport const isWindowDefined = false\nexport const isServer = false\nexport const isClient = false\nexport const isRSC = false\nexport const useIsomorphicLayoutEffect = useLayoutEffect\nexport const isChrome = false\nexport const isWebTouchable = false\nexport const isTouchable = true\n"],
-  "mappings": "AAAA;AAAA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAElB,MAAM,cAAY,qCAAU,QAAO;AACnC,MAAM,UAAQ,qCAAU,QAAO;AAC/B,MAAM,QAAQ;AACd,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,4BAA4B;AAClC,MAAM,WAAW;AACjB,MAAM,iBAAiB;AACvB,MAAM,cAAc;",
-  "names": []
-}

package/dist/esm/helpers/createShallowUpdate.js

@@ -1,20 +0,0 @@
-import { useCallback } from "react";
-function createShallowUpdate(setter) {
-  return useCallback(
-    (next) => {
-      setter((prev) => {
-        for (const key in next) {
-          if (prev[key] !== next[key]) {
-            return { ...prev, ...next };
-          }
-        }
-        return prev;
-      });
-    },
-    [setter]
-  );
-}
-export {
-  createShallowUpdate
-};
-//# sourceMappingURL=createShallowUpdate.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/createShallowUpdate.tsx"],
-  "sourcesContent": ["import React, { useCallback } from 'react'\n\nexport function createShallowUpdate<State extends Object>(\n  setter: React.Dispatch<React.SetStateAction<State>>\n) {\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useCallback(\n    (next: Partial<State>) => {\n      setter((prev) => {\n        for (const key in next) {\n          if (prev[key] !== next[key]) {\n            return { ...prev, ...next }\n          }\n        }\n        return prev\n      })\n    },\n    [setter]\n  )\n}\n"],
-  "mappings": "AAAA,SAAgB,mBAAmB;AAE5B,SAAS,oBACd,QACA;AAEA,SAAO;AAAA,IACL,CAAC,SAAyB;AACxB,aAAO,CAAC,SAAS;AACf,mBAAW,OAAO,MAAM;AACtB,cAAI,KAAK,SAAS,KAAK,MAAM;AAC3B,mBAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAAA,UAC5B;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;",
-  "names": []
-}

package/dist/esm/helpers/validate.js

@@ -1 +0,0 @@
-//# sourceMappingURL=validate.js.map

package/dist/esm/hooks/useDidFinishSSR.js

@@ -1,35 +0,0 @@
-import { isRSC, isServer } from "@tamagui/constants";
-import { useEffect, useState } from "react";
-let finished = false;
-const listeners = /* @__PURE__ */ new Set();
-function useSetupHasSSRRendered() {
-  if (isServer || isRSC) {
-    return;
-  }
-  useEffect(() => {
-    finished = true;
-    listeners.forEach((cb) => cb());
-    listeners.clear();
-  }, []);
-}
-function useDidFinishSSR() {
-  if (isServer || isRSC) {
-    return false;
-  }
-  const [did, setDid] = useState(finished);
-  if (!finished) {
-    useEffect(() => {
-      const done = () => setDid(true);
-      listeners.add(done);
-      return () => {
-        listeners.delete(done);
-      };
-    }, []);
-  }
-  return did;
-}
-export {
-  useDidFinishSSR,
-  useSetupHasSSRRendered
-};
-//# sourceMappingURL=useDidFinishSSR.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useDidFinishSSR.tsx"],
-  "sourcesContent": ["import { isRSC, isServer } from '@tamagui/constants'\nimport { useEffect, useState } from 'react'\n\nlet finished = false\nconst listeners = new Set<Function>()\n\nexport function useSetupHasSSRRendered() {\n  if (isServer || isRSC) {\n    return\n  }\n\n  useEffect(() => {\n    finished = true\n    listeners.forEach((cb) => cb())\n    listeners.clear()\n  }, [])\n}\n\nexport function useDidFinishSSR() {\n  if (isServer || isRSC) {\n    return false\n  }\n\n  const [did, setDid] = useState(finished)\n\n  // conditional hook because it never changes if already true\n  if (!finished) {\n    useEffect(() => {\n      const done = () => setDid(true)\n      listeners.add(done)\n      return () => {\n        listeners.delete(done)\n      }\n    }, [])\n  }\n\n  return did\n}\n"],
-  "mappings": "AAAA,SAAS,OAAO,gBAAgB;AAChC,SAAS,WAAW,gBAAgB;AAEpC,IAAI,WAAW;AACf,MAAM,YAAY,oBAAI,IAAc;AAE7B,SAAS,yBAAyB;AACvC,MAAI,YAAY,OAAO;AACrB;AAAA,EACF;AAEA,YAAU,MAAM;AACd,eAAW;AACX,cAAU,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC9B,cAAU,MAAM;AAAA,EAClB,GAAG,CAAC,CAAC;AACP;AAEO,SAAS,kBAAkB;AAChC,MAAI,YAAY,OAAO;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,QAAQ;AAGvC,MAAI,CAAC,UAAU;AACb,cAAU,MAAM;AACd,YAAM,OAAO,MAAM,OAAO,IAAI;AAC9B,gBAAU,IAAI,IAAI;AAClB,aAAO,MAAM;AACX,kBAAU,OAAO,IAAI;AAAA,MACvB;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/hooks/useIsSSR.js

@@ -1,22 +0,0 @@
-import { isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { useState } from "react";
-import { startTransition } from "../helpers/startTransition";
-const useIsSSR = (props) => {
-  const [val, setVal] = useState(true);
-  if (isWeb && !isServer) {
-    useIsomorphicLayoutEffect(() => {
-      if (props == null ? void 0 : props.immediate) {
-        setVal(false);
-      } else {
-        startTransition(() => {
-          setVal(false);
-        });
-      }
-    }, []);
-  }
-  return val;
-};
-export {
-  useIsSSR
-};
-//# sourceMappingURL=useIsSSR.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsSSR.tsx"],
-  "sourcesContent": ["import { isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\n\nimport { startTransition } from '../helpers/startTransition'\n\n// because any change before first useEffect causes hydration / mismatch issues\n\nexport const useIsSSR = (props?: { immediate?: boolean }) => {\n  const [val, setVal] = useState(true)\n\n  if (isWeb && !isServer) {\n    useIsomorphicLayoutEffect(() => {\n      // could also have a global tamagui `config.immediateSSRTransition`\n      if (props?.immediate) {\n        setVal(false)\n      } else {\n        startTransition(() => {\n          setVal(false)\n        })\n      }\n    }, [])\n  }\n\n  return val\n}\n"],
-  "mappings": "AAAA,SAAS,UAAU,OAAO,iCAAiC;AAC3D,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAIzB,MAAM,WAAW,CAAC,UAAoC;AAC3D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,IAAI;AAEnC,MAAI,SAAS,CAAC,UAAU;AACtB,8BAA0B,MAAM;AAE9B,UAAI,+BAAO,WAAW;AACpB,eAAO,KAAK;AAAA,MACd,OAAO;AACL,wBAAgB,MAAM;AACpB,iBAAO,KAAK;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO;AACT;",
-  "names": []
-}

package/src/helpers/assignNativePropsToWeb.tsx

@@ -1,178 +0,0 @@
-import { accessibilityRoleToWebRole, processIDRefList } from '../createComponent'
-
-// adapted from react-native-web
-
-export function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any) {
-  if (!viewProps.role && nativeProps.accessibilityRole) {
-    if (nativeProps.accessibilityRole === 'none') {
-      viewProps.role = 'presentation'
-    } else {
-      const webRole = accessibilityRoleToWebRole[nativeProps.accessibilityRole]
-      if (webRole != null) {
-        viewProps.role = webRole || nativeProps.accessibilityRole
-      }
-    }
-  }
-
-  if (nativeProps.accessibilityActiveDescendant != null) {
-    viewProps['aria-activedescendant'] = nativeProps.accessibilityActiveDescendant
-  }
-  if (nativeProps.accessibilityAtomic != null) {
-    viewProps['aria-atomic'] = nativeProps.accessibilityAtomic
-  }
-  if (nativeProps.accessibilityAutoComplete != null) {
-    viewProps['aria-autocomplete'] = nativeProps.accessibilityAutoComplete
-  }
-  if (nativeProps.accessibilityBusy != null) {
-    viewProps['aria-busy'] = nativeProps.accessibilityBusy
-  }
-  if (nativeProps.accessibilityChecked != null) {
-    viewProps['aria-checked'] = nativeProps.accessibilityChecked
-  }
-  if (nativeProps.accessibilityColumnCount != null) {
-    viewProps['aria-colcount'] = nativeProps.accessibilityColumnCount
-  }
-  if (nativeProps.accessibilityColumnIndex != null) {
-    viewProps['aria-colindex'] = nativeProps.accessibilityColumnIndex
-  }
-  if (nativeProps.accessibilityColumnSpan != null) {
-    viewProps['aria-colspan'] = nativeProps.accessibilityColumnSpan
-  }
-  if (nativeProps.accessibilityControls != null) {
-    viewProps['aria-controls'] = processIDRefList(nativeProps.accessibilityControls)
-  }
-  if (nativeProps.accessibilityCurrent != null) {
-    viewProps['aria-current'] = nativeProps.accessibilityCurrent
-  }
-  if (nativeProps.accessibilityDescribedBy != null) {
-    viewProps['aria-describedby'] = processIDRefList(nativeProps.accessibilityDescribedBy)
-  }
-  if (nativeProps.accessibilityDetails != null) {
-    viewProps['aria-details'] = nativeProps.accessibilityDetails
-  }
-  if (nativeProps.disabled === true) {
-    viewProps['aria-disabled'] = true
-    // Enhance with native semantics
-    if (
-      elementType === 'button' ||
-      elementType === 'form' ||
-      elementType === 'input' ||
-      elementType === 'select' ||
-      elementType === 'textarea'
-    ) {
-      viewProps.disabled = true
-    }
-  }
-  if (nativeProps.accessibilityErrorMessage != null) {
-    viewProps['aria-errormessage'] = nativeProps.accessibilityErrorMessage
-  }
-  if (nativeProps.accessibilityExpanded != null) {
-    viewProps['aria-expanded'] = nativeProps.accessibilityExpanded
-  }
-  if (nativeProps.accessibilityFlowTo != null) {
-    viewProps['aria-flowto'] = processIDRefList(nativeProps.accessibilityFlowTo)
-  }
-  if (nativeProps.accessibilityHasPopup != null) {
-    viewProps['aria-haspopup'] = nativeProps.accessibilityHasPopup
-  }
-  if (nativeProps.accessibilityHidden === true) {
-    viewProps['aria-hidden'] = nativeProps.accessibilityHidden
-  }
-  if (nativeProps.accessibilityInvalid != null) {
-    viewProps['aria-invalid'] = nativeProps.accessibilityInvalid
-  }
-  if (
-    nativeProps.accessibilityKeyShortcuts != null &&
-    Array.isArray(nativeProps.accessibilityKeyShortcuts)
-  ) {
-    viewProps['aria-keyshortcuts'] = nativeProps.accessibilityKeyShortcuts.join(' ')
-  }
-  if (nativeProps.accessibilityLabel != null) {
-    viewProps['aria-label'] = nativeProps.accessibilityLabel
-  }
-  if (nativeProps.accessibilityLabelledBy != null) {
-    viewProps['aria-labelledby'] = processIDRefList(nativeProps.accessibilityLabelledBy)
-  }
-  if (nativeProps.accessibilityLevel != null) {
-    viewProps['aria-level'] = nativeProps.accessibilityLevel
-  }
-  if (nativeProps.accessibilityLiveRegion != null) {
-    viewProps['aria-live'] =
-      nativeProps.accessibilityLiveRegion === 'none' ? 'off' : nativeProps.accessibilityLiveRegion
-  }
-  if (nativeProps.accessibilityModal != null) {
-    viewProps['aria-modal'] = nativeProps.accessibilityModal
-  }
-  if (nativeProps.accessibilityMultiline != null) {
-    viewProps['aria-multiline'] = nativeProps.accessibilityMultiline
-  }
-  if (nativeProps.accessibilityMultiSelectable != null) {
-    viewProps['aria-multiselectable'] = nativeProps.accessibilityMultiSelectable
-  }
-  if (nativeProps.accessibilityOrientation != null) {
-    viewProps['aria-orientation'] = nativeProps.accessibilityOrientation
-  }
-  if (nativeProps.accessibilityOwns != null) {
-    viewProps['aria-owns'] = processIDRefList(nativeProps.accessibilityOwns)
-  }
-  if (nativeProps.accessibilityPlaceholder != null) {
-    viewProps['aria-placeholder'] = nativeProps.accessibilityPlaceholder
-  }
-  if (nativeProps.accessibilityPosInSet != null) {
-    viewProps['aria-posinset'] = nativeProps.accessibilityPosInSet
-  }
-  if (nativeProps.accessibilityPressed != null) {
-    viewProps['aria-pressed'] = nativeProps.accessibilityPressed
-  }
-  if (nativeProps.accessibilityReadOnly != null) {
-    viewProps['aria-readonly'] = nativeProps.accessibilityReadOnly
-    // Enhance with native semantics
-    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
-      viewProps.readOnly = true
-    }
-  }
-  if (nativeProps.accessibilityRequired != null) {
-    viewProps['aria-required'] = nativeProps.accessibilityRequired
-    // Enhance with native semantics
-    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
-      viewProps.required = true
-    }
-  }
-  if (nativeProps.accessibilityRoleDescription != null) {
-    viewProps['aria-roledescription'] = nativeProps.accessibilityRoleDescription
-  }
-  if (nativeProps.accessibilityRowCount != null) {
-    viewProps['aria-rowcount'] = nativeProps.accessibilityRowCount
-  }
-  if (nativeProps.accessibilityRowIndex != null) {
-    viewProps['aria-rowindex'] = nativeProps.accessibilityRowIndex
-  }
-  if (nativeProps.accessibilityRowSpan != null) {
-    viewProps['aria-rowspan'] = nativeProps.accessibilityRowSpan
-  }
-  if (nativeProps.accessibilitySelected != null) {
-    viewProps['aria-selected'] = nativeProps.accessibilitySelected
-  }
-  if (nativeProps.accessibilitySetSize != null) {
-    viewProps['aria-setsize'] = nativeProps.accessibilitySetSize
-  }
-  if (nativeProps.accessibilitySort != null) {
-    viewProps['aria-sort'] = nativeProps.accessibilitySort
-  }
-  if (nativeProps.accessibilityValueMax != null) {
-    viewProps['aria-valuemax'] = nativeProps.accessibilityValueMax
-  }
-  if (nativeProps.accessibilityValueMin != null) {
-    viewProps['aria-valuemin'] = nativeProps.accessibilityValueMin
-  }
-  if (nativeProps.accessibilityValueNow != null) {
-    viewProps['aria-valuenow'] = nativeProps.accessibilityValueNow
-  }
-  if (nativeProps.accessibilityValueText != null) {
-    viewProps['aria-valuetext'] = nativeProps.accessibilityValueText
-  }
-
-  if (nativeProps.nativeID) {
-    viewProps.id = nativeProps.nativeID
-  }
-}

package/src/helpers/calc.ts

@@ -1,68 +0,0 @@
-import { isWeb } from '@tamagui/constants'
-
-import { getVariableVariable } from '../createVariable'
-import { FontLineHeightTokens, FontSizeTokens, SizeTokens, SpaceTokens } from '../types'
-
-// unused code - not exported
-
-/**
- * Simple calc() that handles native + web
- *   on web: outputs a calc() string
- *   on native: outputs a plain number
- */
-
-export type CalcVal =
-  | string
-  | number
-  | SizeTokens
-  | SpaceTokens
-  | FontSizeTokens
-  | FontLineHeightTokens
-
-const operators = {
-  '+': (a: number, b: number) => a + b,
-  '-': (a: number, b: number) => a - b,
-  '/': (a: number, b: number) => a / b,
-  '*': (a: number, b: number) => a * b,
-}
-
-type Operator = keyof typeof operators
-
-export const calc = (...valuesAndOperators: (CalcVal | Operator)[]) => {
-  if (isWeb) {
-    let res = 'calc('
-    for (const cur of valuesAndOperators) {
-      if (operators[cur as any]) {
-        // spaces are significant
-        res += ' ' + cur + ' '
-      } else {
-        res += convertToVariableOrNumber(cur)
-      }
-    }
-    return res + ')'
-  }
-
-  let res = 0
-  let nextOp: any = null
-  for (const cur of valuesAndOperators) {
-    if (operators[cur as any]) {
-      nextOp = operators[cur as any]
-    } else {
-      if (nextOp) {
-        res = nextOp(res, cur)
-        nextOp = null
-      } else {
-        res = +cur
-      }
-    }
-  }
-  return res
-}
-
-const convertToVariableOrNumber = (v: any) => {
-  const varOrVal = getVariableVariable(v)
-  if (typeof varOrVal === 'number') {
-    return `${varOrVal}px`
-  }
-  return varOrVal
-}

package/src/helpers/getFont.tsx

@@ -1,43 +0,0 @@
-/* eslint-disable no-console */
-import { getVariableValue } from '../createVariable'
-import { FontSizeTokens, TextProps, VariantSpreadFunction } from '../types'
-
-export const getFont: VariantSpreadFunction<TextProps, FontSizeTokens> = (
-  val = '$4',
-  { fonts, theme, props }
-) => {
-  const family = getVariableValue(props.fontFamily) || '$body'
-  const font = fonts[family] || fonts['$body']
-  if (!font) {
-    if (process.env.NODE_ENV === 'development') {
-      console.warn('⚠️ no font found', { family, fontTokens: Object.keys(fonts), val })
-    }
-    return {} as any
-  }
-  const fontFamily = font.family
-  const fontSize = props.fontSize || font.size[val]
-  const lineHeight = props.lineHeight || font.lineHeight[val]
-  const fontWeight = props.fontWeight || font.weight[val]
-  const letterSpacing = props.letterSpacing || font.letterSpacing[val]
-  const fontStyle = props.fontStyle || font.style?.[val]
-  const textTransform = props.textTransform || font.transform?.[val]
-  const color = props.color || font.color?.[val] || theme.color
-  const style = {
-    color,
-    fontStyle,
-    textTransform,
-    fontFamily,
-    fontWeight,
-    letterSpacing,
-    fontSize,
-    lineHeight,
-  }
-  if (process.env.NODE_ENV === 'development') {
-    if (props['debug']) {
-      console.groupCollapsed('  🔹 getFont', val, props['fontWeight'], props['fow'])
-      console.log({ style, props, font })
-      console.groupEnd()
-    }
-  }
-  return style
-}

package/src/helpers/getStackSize.ts

@@ -1,22 +0,0 @@
-import { SizeTokens, VariantSpreadExtras } from '../types'
-import { getSize, stepTokenUpOrDown } from './getSize'
-
-export type ScaleVariantExtras = Pick<VariantSpreadExtras<any>, 'tokens' | 'props' | 'fonts'>
-
-export const getButtonSize = (val: SizeTokens | number, { tokens }: VariantSpreadExtras<any>) => {
-  if (typeof val === 'number') {
-    return {
-      paddingHorizontal: val * 0.25,
-      height: val,
-      borderRadius: val * 0.2,
-    }
-  }
-  const ySize = getSize(val, 0)
-  const xSize = stepTokenUpOrDown(tokens.space, val)
-  const radiusToken = tokens.radius[val] ?? tokens.radius['$4']
-  return {
-    paddingHorizontal: xSize,
-    height: ySize,
-    borderRadius: radiusToken,
-  }
-}

package/src/helpers/startTransition.ts

@@ -1,4 +0,0 @@
-import React from 'react'
-
-// backwards compat
-export const startTransition = React.startTransition || ((cb) => cb())

package/src/hooks/useConstant.tsx

@@ -1,19 +0,0 @@
-import { useMemo, useRef } from 'react'
-
-type ResultBox<T> = { v: T }
-
-export function useConstant<T>(fn: () => T): T {
-  // RSC compat
-  if (typeof document === 'undefined') {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useMemo(() => fn(), [])
-  }
-
-  const ref = useRef<ResultBox<T>>()
-
-  if (!ref.current) {
-    ref.current = { v: fn() }
-  }
-
-  return ref.current.v
-}

package/src/hooks/useIsMounted.ts

@@ -1,16 +0,0 @@
-import { useIsomorphicLayoutEffect } from '@tamagui/constants'
-import { useRef } from 'react'
-
-export function useIsMounted() {
-  const isMounted = useRef(false)
-
-  useIsomorphicLayoutEffect(() => {
-    isMounted.current = true
-
-    return () => {
-      isMounted.current = false
-    }
-  }, [])
-
-  return isMounted
-}

package/src/hooks/usePressable.tsx

@@ -1,9 +0,0 @@
-import { Pressable, PressableProps } from 'react-native'
-
-const getPressable = Pressable?.['type']?.['render']
-
-export const usePressable = (props: PressableProps) => {
-  const out = getPressable(props)
-  const { children, style, ...pressableProps } = out.props
-  return [pressableProps, style] as const
-}

package/src/hooks/useUnmountEffect.ts

@@ -1,5 +0,0 @@
-import { useEffect } from 'react'
-
-export function useUnmountEffect(callback: () => void) {
-  return useEffect(() => () => callback(), [])
-}