@tamagui/core 1.114.3 → 1.115.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.114.3",
+  "version": "1.115.0",
   "source": "src/index.tsx",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,13 +35,13 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/react-native-use-pressable": "1.114.3",
-    "@tamagui/react-native-use-responder-events": "1.114.3",
-    "@tamagui/use-event": "1.114.3",
-    "@tamagui/web": "1.114.3"
+    "@tamagui/react-native-use-pressable": "1.115.0",
+    "@tamagui/react-native-use-responder-events": "1.115.0",
+    "@tamagui/use-event": "1.115.0",
+    "@tamagui/web": "1.115.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.3",
+    "@tamagui/build": "1.115.0",
     "@testing-library/react": "^16.0.1",
     "csstype": "^3.0.10",
     "typescript": "^5.5.2",
@@ -55,27 +55,32 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     },
     "./native": {
       "types": "./types/index.d.ts",
       "import": "./dist/native.mjs",
-      "require": "./dist/native.js"
+      "require": "./dist/native.js",
+      "react-native": "./dist/native.native.js"
     },
     "./native-test": {
       "types": "./types/index.d.ts",
       "import": "./dist/test.native.js",
-      "require": "./dist/test.native.js"
+      "require": "./dist/test.native.js",
+      "react-native": "./dist/test.native.native.js"
     },
     "./inject-styles": {
       "types": "./types/inject-styles.d.ts",
       "import": "./dist/esm/inject-styles.mjs",
-      "require": "./dist/cjs/inject-styles.js"
+      "require": "./dist/cjs/inject-styles.cjs",
+      "react-native": "./dist/cjs/inject-styles.native.js"
     },
     "./reactNativeTypes": {
       "types": "./types/reactNativeTypes.d.ts",
       "import": "./dist/esm/reactNativeTypes.mjs",
-      "require": "./dist/cjs/reactNativeTypes.js"
+      "require": "./dist/cjs/reactNativeTypes.cjs",
+      "react-native": "./dist/cjs/reactNativeTypes.native.js"
     }
   },
   "repository": {

package/dist/cjs/createOptimizedView.js

@@ -1,22 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var createOptimizedView_exports = {};
-__export(createOptimizedView_exports, {
-  createOptimizedView: () => createOptimizedView
-});
-module.exports = __toCommonJS(createOptimizedView_exports);
-function createOptimizedView(children, viewProps, baseViews) {
-}
-//# sourceMappingURL=createOptimizedView.js.map

package/dist/cjs/getBaseViews.js

@@ -1,23 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var getBaseViews_exports = {};
-__export(getBaseViews_exports, {
-  getBaseViews: () => getBaseViews
-});
-module.exports = __toCommonJS(getBaseViews_exports);
-function getBaseViews() {
-  return null;
-}
-//# sourceMappingURL=getBaseViews.js.map

package/dist/cjs/helpers/getBoundingClientRect.js

@@ -1,24 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var getBoundingClientRect_exports = {};
-__export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect
-});
-module.exports = __toCommonJS(getBoundingClientRect_exports);
-const getBoundingClientRect = (node) => {
-  if (!(!node || node.nodeType !== 1))
-    return node.getBoundingClientRect?.();
-};
-//# sourceMappingURL=getBoundingClientRect.js.map

package/dist/cjs/helpers/getRect.js

@@ -1,27 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var getRect_exports = {};
-__export(getRect_exports, {
-  getRect: () => getRect
-});
-module.exports = __toCommonJS(getRect_exports);
-var import_getBoundingClientRect = require("./getBoundingClientRect");
-const getRect = (node) => {
-  const rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-  if (!rect) return;
-  const { x, y, top, left } = rect;
-  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
-};
-//# sourceMappingURL=getRect.js.map

package/dist/cjs/hooks/useElementLayout.js

@@ -1,100 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var useElementLayout_exports = {};
-__export(useElementLayout_exports, {
-  measureElement: () => measureElement,
-  measureLayout: () => measureLayout,
-  useElementLayout: () => useElementLayout
-});
-module.exports = __toCommonJS(useElementLayout_exports);
-var import_constants = require("@tamagui/constants"), import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
-const LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set();
-let resizeObserver = null;
-if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
-  for (const { target } of entries) {
-    const onLayout = LayoutHandlers.get(target);
-    if (typeof onLayout != "function") return;
-    measureElement(target).then((event) => {
-      onLayout(event);
-    });
-  }
-}), typeof window.addEventListener == "function")) {
-  let tm;
-  window.addEventListener("resize", () => {
-    clearTimeout(tm), tm = setTimeout(() => {
-      resizeListeners.forEach((cb) => cb());
-    }, 4);
-  });
-}
-const measureElement = async (target) => new Promise((res) => {
-  measureLayout(target, null, (x, y, width, height, left, top) => {
-    res({
-      nativeEvent: {
-        layout: { x, y, width, height, left, top },
-        target
-      },
-      timeStamp: Date.now()
-    });
-  });
-}), cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
-  const relativeNode = relativeTo || node?.parentNode;
-  if (relativeNode instanceof HTMLElement) {
-    const now = Date.now();
-    cache.set(node, now), Promise.all([
-      getBoundingClientRectAsync(node),
-      getBoundingClientRectAsync(relativeNode)
-    ]).then(([nodeDim, relativeNodeDim]) => {
-      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-        const { x, y, width, height, left, top } = getRelativeDimensions(
-          nodeDim,
-          relativeNodeDim
-        );
-        callback(x, y, width, height, left, top);
-      }
-    });
-  }
-}, getRelativeDimensions = (a, b) => {
-  const { height, left, top, width } = a, x = left - b.left, y = top - b.top;
-  return { x, y, width, height, left, top };
-}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
-  function fallbackToSync() {
-    resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
-  }
-  const tm = setTimeout(fallbackToSync, 10);
-  new IntersectionObserver(
-    (entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
-    },
-    {
-      threshold: 1e-4
-    }
-  ).observe(element);
-});
-function useElementLayout(ref, onLayout) {
-  const node = ref.current?.host;
-  node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!resizeObserver || !onLayout) return;
-    const node2 = ref.current?.host;
-    if (!node2) return;
-    LayoutHandlers.set(node2, onLayout);
-    const onResize = () => {
-      measureElement(node2).then(onLayout);
-    };
-    return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
-      LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
-    };
-  }, [ref, !!onLayout]);
-}
-//# sourceMappingURL=useElementLayout.js.map

package/dist/cjs/index.js

@@ -1,79 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-__export(src_exports, {
-  Stack: () => Stack,
-  Text: () => Text,
-  View: () => View
-});
-module.exports = __toCommonJS(src_exports);
-var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability");
-__reExport(src_exports, require("@tamagui/web"), module.exports);
-__reExport(src_exports, require("./reactNativeTypes"), module.exports);
-const baseViews = (0, import_getBaseViews.getBaseViews)();
-(0, import_web.setupHooks)({
-  getBaseViews: import_getBaseViews.getBaseViews,
-  setElementProps: (node) => {
-    node && !node.measure && (node.measure ||= (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout ||= (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
-      setTimeout(() => {
-        const { height, left, top, width } = (0, import_getRect.getRect)(node);
-        callback(left, top, width, height);
-      }, 0);
-    });
-  },
-  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
-    {
-      const isDOM = typeof elementType == "string", {
-        // remove event props handles by useResponderEvents
-        onMoveShouldSetResponder,
-        onMoveShouldSetResponderCapture,
-        onResponderEnd,
-        onResponderGrant,
-        onResponderMove,
-        onResponderReject,
-        onResponderRelease,
-        onResponderStart,
-        onResponderTerminate,
-        onResponderTerminationRequest,
-        onScrollShouldSetResponder,
-        onScrollShouldSetResponderCapture,
-        onSelectionChangeShouldSetResponder,
-        onSelectionChangeShouldSetResponderCapture,
-        onStartShouldSetResponder,
-        onStartShouldSetResponderCapture,
-        // android
-        collapsable,
-        focusable,
-        // deprecated,
-        accessible,
-        accessibilityDisabled,
-        onLayout,
-        hrefAttrs,
-        ...plainDOMProps
-      } = propsIn;
-      if ((willHydrate || isDOM) && ((0, import_useElementLayout.useElementLayout)(stateRef, isDOM ? onLayout : void 0), (0, import_react_native_use_responder_events.useResponderEvents)(stateRef, isDOM ? propsIn : void 0)), isDOM) {
-        if (plainDOMProps.href && hrefAttrs) {
-          const { download, rel, target } = hrefAttrs;
-          download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
-        }
-        return plainDOMProps;
-      }
-    }
-  },
-  useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
-  }
-});
-const View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
-//# sourceMappingURL=index.js.map

package/dist/cjs/inject-styles.js

@@ -1,28 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var inject_styles_exports = {};
-__export(inject_styles_exports, {
-  injectStyles: () => injectStyles
-});
-module.exports = __toCommonJS(inject_styles_exports);
-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);
-  }
-  stylesheet.innerHTML = css;
-};
-//# sourceMappingURL=inject-styles.js.map

package/dist/cjs/reactNativeTypes.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var reactNativeTypes_exports = {};
-module.exports = __toCommonJS(reactNativeTypes_exports);
-//# sourceMappingURL=reactNativeTypes.js.map

package/dist/cjs/vendor/Pressability.js

@@ -1,22 +0,0 @@
-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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var Pressability_exports = {};
-__export(Pressability_exports, {
-  Pressability: () => Pressability,
-  usePressability: () => usePressability
-});
-module.exports = __toCommonJS(Pressability_exports);
-const Pressability = {}, usePressability = (e) => ({});
-//# sourceMappingURL=Pressability.js.map