@tamagui/core 1.88.13 → 1.88.15

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/esm/createOptimizedView.mjs

@@ -0,0 +1,2 @@
+function createOptimizedView(children, viewProps, baseViews) {}
+export { createOptimizedView };

package/dist/esm/getBaseViews.mjs

@@ -0,0 +1,4 @@
+function getBaseViews() {
+  return null;
+}
+export { getBaseViews };

package/dist/esm/helpers/getBoundingClientRect.mjs

@@ -0,0 +1,4 @@
+const getBoundingClientRect = node => {
+  if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
+};
+export { getBoundingClientRect };

package/dist/esm/helpers/getRect.mjs

@@ -0,0 +1,20 @@
+import { getBoundingClientRect } from "./getBoundingClientRect.mjs";
+const getRect = node => {
+  const rect = getBoundingClientRect(node);
+  if (!rect) return;
+  const {
+    x,
+    y,
+    top,
+    left
+  } = rect;
+  return {
+    x,
+    y,
+    width: node.offsetWidth,
+    height: node.offsetHeight,
+    top,
+    left
+  };
+};
+export { getRect };

package/dist/esm/hooks/useElementLayout.mjs

@@ -0,0 +1,87 @@
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { getBoundingClientRect } from "../helpers/getBoundingClientRect.mjs";
+const LayoutHandlers = /* @__PURE__ */new WeakMap();
+let resizeObserver = null;
+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;
+    measureLayout(target, null, (x, y, width, height, left, top) => {
+      onLayout({
+        nativeEvent: {
+          layout: {
+            x,
+            y,
+            width,
+            height,
+            left,
+            top
+          },
+          target
+        },
+        timeStamp: Date.now()
+      });
+    });
+  }
+}));
+const 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(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) {
+  useIsomorphicLayoutEffect(() => {
+    if (!resizeObserver || !onLayout) return;
+    const node = ref.current;
+    if (node) return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), () => {
+      resizeObserver?.unobserve(node);
+    };
+  }, [ref, onLayout]);
+}
+export { measureLayout, useElementLayout };

package/dist/esm/hooks/usePlatformMethods.mjs

@@ -0,0 +1,20 @@
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { getRect } from "../helpers/getRect.mjs";
+import { measureLayout } from "./useElementLayout.mjs";
+function usePlatformMethods(hostRef) {
+  useIsomorphicLayoutEffect(() => {
+    const node = hostRef.current;
+    node && (node.measure ||= callback => measureLayout(node, null, callback), node.measureLayout ||= (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow ||= callback => {
+      node && setTimeout(() => {
+        const {
+          height,
+          left,
+          top,
+          width
+        } = getRect(node);
+        callback(left, top, width, height);
+      }, 0);
+    });
+  }, [hostRef]);
+}
+export { usePlatformMethods };

package/dist/esm/index.mjs

@@ -0,0 +1,90 @@
+import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
+import { Stack as WebStack, Text as WebText, View as WebView, setupHooks } from "@tamagui/web";
+import "react";
+import "./createOptimizedView.mjs";
+import { getBaseViews } from "./getBaseViews.mjs";
+import { useElementLayout } from "./hooks/useElementLayout.mjs";
+import { usePlatformMethods } from "./hooks/usePlatformMethods.mjs";
+import "./vendor/Pressability.mjs";
+export * from "@tamagui/web";
+export * from "./reactNativeTypes.mjs";
+const baseViews = getBaseViews();
+setupHooks({
+  getBaseViews,
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
+    {
+      const isDOM = typeof elementType == "string",
+        {
+          // event props
+          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) {
+        const hostRef = {
+          get current() {
+            return stateRef.current.host;
+          }
+        };
+        usePlatformMethods(hostRef), useElementLayout(hostRef, isDOM ? onLayout : void 0), useResponderEvents(hostRef, isDOM ? {
+          onMoveShouldSetResponder,
+          onMoveShouldSetResponderCapture,
+          onResponderEnd,
+          onResponderGrant,
+          onResponderMove,
+          onResponderReject,
+          onResponderRelease,
+          onResponderStart,
+          onResponderTerminate,
+          onResponderTerminationRequest,
+          onScrollShouldSetResponder,
+          onScrollShouldSetResponderCapture,
+          onSelectionChangeShouldSetResponder,
+          onSelectionChangeShouldSetResponderCapture,
+          onStartShouldSetResponder,
+          onStartShouldSetResponderCapture
+        } : void 0);
+      }
+      if (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 = WebView,
+  Stack = WebStack,
+  Text = WebText;
+export { Stack, Text, View };

package/dist/esm/inject-styles.mjs

@@ -0,0 +1,13 @@
+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;
+  };
+export { injectStyles };

package/dist/esm/vendor/Pressability.mjs

@@ -0,0 +1,3 @@
+const Pressability = {},
+  usePressability = e => ({});
+export { Pressability, usePressability };

package/dist/native.js

@@ -1461,7 +1461,7 @@ var require_insertStyleRule_native = __commonJS({
           continue;
         }
         let total = track(identifier, remove);
-        remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
+        remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform-") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
       }
       return scannedCache.set(sheet2, cacheKey), dedupedThemes;
     }
@@ -1503,7 +1503,7 @@ var require_insertStyleRule_native = __commonJS({
       };
       for (let selector of selectors) {
         let matches = selector.match(/(.t_(light|dark))?[\s]?(.t_([a-z0-9_]+))[\s]*$/i) || [], [_0, _1, scheme, _2, name] = matches, themeName = name && scheme && scheme !== name ? `${scheme}_${name}` : name || scheme;
-        dedupedEntry.names.includes(themeName) || themeName === "light_dark" || dedupedEntry.names.push(themeName);
+        !themeName || dedupedEntry.names.includes(themeName) || themeName === "light_dark" || themeName === "dark_light" || dedupedEntry.names.push(themeName);
       }
       return dedupedEntry;
     }
@@ -1529,7 +1529,7 @@ var require_insertStyleRule_native = __commonJS({
       return selector.includes(":") ? res.replace(/:[a-z]+$/, "") : res;
     }, sheet = import_constants.isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
     function updateRules(identifier, rules) {
-      return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform") ? addTransform(identifier, rules[0]) : !0);
+      return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
     }
     function insertStyleRules(rulesToInsert) {
       if (!(!rulesToInsert.length || !sheet)) {
@@ -3976,7 +3976,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
+    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       return (staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || staticConfig.acceptTokens && staticConfig.acceptTokens[key];
     }
@@ -4055,8 +4055,8 @@ var require_getSplitStyles_native = __commonJS({
             viewProps[`data-${hyphenate(keyInit2)}`] = valInit[keyInit2];
           continue;
         }
-        if (keyInit[0] === "_" && keyInit.startsWith("_style")) {
-          mergeStylePropIntoStyle(styleState, valInit);
+        if (keyInit.startsWith("_style") && (0, import_isObj.isObj)(valInit)) {
+          Object.assign(styleState.style, valInit);
           continue;
         }
         if (0)
@@ -4077,7 +4077,7 @@ var require_getSplitStyles_native = __commonJS({
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
         isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), console.groupCollapsed(
           `  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
         ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
           variants,
@@ -4301,7 +4301,13 @@ current`, {
           }
         }
       }
-      if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style && mergeStylePropIntoStyle(styleState, props.style), styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
+      if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style)
+        if (isHOC)
+          viewProps.style = props.style;
+        else
+          for (let style2 of [].concat(props.style))
+            style2 && (style2.$$css ? Object.assign(styleState.classNames, style2) : Object.assign(styleState.style, style2));
+      if (styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
         mergeTransform(style, key, val, !0);
       }), parentSplitStyles && !shouldDoClasses))
         for (let key in parentSplitStyles.style)
@@ -4371,19 +4377,7 @@ current`, {
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
-    };
-    function mergeStylePropIntoStyle(styleState, cur) {
-      if (!cur)
-        return;
-      let styles = Array.isArray(cur) ? cur : [cur];
-      for (let style of styles) {
-        if (!style)
-          continue;
-        let isRNW = style.$$css;
-        Object.assign(isRNW ? styleState.classNames : styleState.style, style);
-      }
-    }
-    var useInsertEffectCompat = import_constants.isWeb ? import_react3.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
+    }, useInsertEffectCompat = import_constants.isWeb ? import_react3.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
     }, useSplitStyles = (...args) => {
       let res = getSplitStyles(...args);
       return useInsertEffectCompat(() => {
@@ -5084,7 +5078,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = animationStyles || splitStyles.style, className;
         asChild === "except-style" || asChild === "except-style-web" || (viewProps.style = style);
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
@@ -6570,19 +6564,19 @@ var require_TamaguiProvider_native = __commonJS({
       ...themePropsProvider
     }) {
       return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && React.useLayoutEffect(() => {
-        if (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS) {
+        if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
           let style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
             document.head.removeChild(style);
           };
         }
-      }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config == null ? void 0 : config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_ThemeProvider.ThemeProvider,
         {
-          themeClassNameOnRoot: config.themeClassNameOnRoot,
-          disableRootThemeClass: config.disableRootThemeClass,
+          themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
+          disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass,
           ...themePropsProvider,
-          defaultTheme: themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0],
+          defaultTheme: themePropsProvider.defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
           children
         }
       ) });