tamagui 1.81.3 → 1.82.0

package/dist/native.js

@@ -782,6 +782,7 @@ var require_validStyleProps_native = __commonJS({
       borderTopWidth: !0,
       borderWidth: !0,
       transform: !0,
+      transformOrigin: !0,
       alignContent: !0,
       alignItems: !0,
       alignSelf: !0,
@@ -4414,6 +4415,7 @@ var require_ThemeDebug_native = __commonJS({
     }) {
       return children;
     }
+    ThemeDebug.displayName = "ThemeDebug";
   }
 });
 
@@ -4459,6 +4461,7 @@ var require_Theme_native = __commonJS({
       }, [props.children, disableDirectChildTheme]);
       return useThemedChildren(themeState, children, props, isRoot);
     });
+    Theme2.displayName = "Theme";
     Theme2.avoidForwardRef = !0;
     function useThemedChildren(themeState, children, props, isRoot = !1, avoidWrap = !1) {
       let { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react2.useRef)(!1);
@@ -4602,7 +4605,11 @@ var require_Slot_native = __commonJS({
         );
       }
       return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
-    }), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children }), pressMap = import_constants4.isWeb ? {
+    });
+    Slot.displayName = "Slot";
+    var Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
+    Slottable.displayName = "Slottable";
+    var pressMap = import_constants4.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
       onPressIn: "onMouseDown"
@@ -4791,7 +4798,7 @@ var require_createComponent_native = __commonJS({
         let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
         process.env.NODE_ENV === "development" && time && time`use-context`;
         let element = import_constants4.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
-        if (animationsConfig && willBeAnimated && (animationsConfig.Text && (elementType = animationsConfig.Text), animationsConfig.View && (elementType = animationsConfig.View)), isAnimated && presence) {
+        if (animationsConfig && willBeAnimated && (elementType = animationsConfig[isText ? "Text" : "View"] || elementType), isAnimated && presence) {
           let presenceState = presence[2];
           if (presenceState) {
             let isEntering = state.unmounted, isExiting2 = !presenceState.isPresent, enterExitVariant = presenceState.enterExitVariant, enterVariant = enterExitVariant ?? presenceState.enterVariant, exitVariant = enterExitVariant ?? presenceState.exitVariant;
@@ -4996,7 +5003,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 = avoidAnimationStyle ? splitStyles.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 || 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_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants4.isWeb || asChild), 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 || 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_constants4.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) => {
@@ -5116,7 +5123,6 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               defaultProps,
               splitStyles,
               animationStyles,
-              handlesPressEvents,
               willBeAnimated,
               isStringElement,
               classNamesIn: (_m = props.className) == null ? void 0 : _m.split(" "),
@@ -6249,6 +6255,7 @@ var require_Stack_native = __commonJS({
       defaultProps: import_constants4.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
+    Stack3.displayName = "Stack";
   }
 });
 
@@ -6355,7 +6362,10 @@ var require_Text_native = __commonJS({
       Text: () => Text3
     });
     module2.exports = __toCommonJS2(Text_exports);
-    var import_helpers = require_index_native7(), import_createComponent = require_createComponent_native(), Text3 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native7(), import_createComponent = require_createComponent_native(), ellipsisStyle = {
+      numberOfLines: 1,
+      lineBreakMode: "clip"
+    }, Text3 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
       isText: !0,
       defaultProps: {
@@ -6368,11 +6378,14 @@ var require_Text_native = __commonJS({
         ellipsizeMode: {
           "...": () => null
         },
+        /**
+         * @deprecated Use ellipsis instead
+         */
         ellipse: {
-          true: {
-            numberOfLines: 1,
-            lineBreakMode: "clip"
-          }
+          true: ellipsisStyle
+        },
+        ellipsis: {
+          true: ellipsisStyle
         }
       },
       validStyles: {
@@ -6380,6 +6393,7 @@ var require_Text_native = __commonJS({
         ...import_helpers.stylePropsTextOnly
       }
     });
+    Text3.displayName = "Text";
   }
 });
 
@@ -6441,6 +6455,7 @@ var require_FontLanguage_native = __commonJS({
       let language = (0, import_react2.useMemo)(() => props, [JSON.stringify(props)]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, { language, children });
     };
+    FontLanguage2.displayName = "FontLanguage";
   }
 });
 
@@ -6493,6 +6508,7 @@ var require_TamaguiProvider_native = __commonJS({
         }
       ) });
     }
+    TamaguiProvider2.displayName = "TamaguiProvider";
   }
 });
 
@@ -6517,6 +6533,7 @@ var require_Configuration_native = __commonJS({
       let current = (0, import_react2.useContext)(import_ComponentContext.ComponentContext);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, { ...current, ...props });
     };
+    Configuration2.displayName = "Configuration";
   }
 });
 
@@ -7968,23 +7985,26 @@ var require_index_native15 = __commonJS({
         return viewProps;
       },
       useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
-        if (events != null && events.onFocus && (viewProps.onFocus = events.onFocus), events != null && events.onBlur && (viewProps.onBlur = events.onBlur), staticConfig.isInput) {
-          if (events) {
+        if (events)
+          if (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur), staticConfig.isInput) {
             let { onPressIn, onPressOut, onPress } = events, inputEvents = {
               onPressIn,
               onPressOut: onPressOut || onPress
             };
             onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+          } else {
+            viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
+            let pressability = (0, import_Pressability.usePressability)(events);
+            if (process.env.NODE_ENV === "development" && viewProps.debug && console.info(
+              `Checking for press ${!!events.onPress} then applying pressability props: ${Object.keys(
+                pressability || {}
+              )}`
+            ), events.onPress)
+              for (let key in pressability) {
+                let og = viewProps[key], val = pressability[key];
+                viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
+              }
           }
-        } else {
-          events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
-          let pressability = (0, import_Pressability.usePressability)(events || null);
-          if (events && events.onPress)
-            for (let key in pressability) {
-              let og = viewProps[key], val = pressability[key];
-              viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
-            }
-        }
       },
       useChildren(elementType, children, viewProps, events, staticConfig) {
         if (process.env.NODE_ENV !== "test") {
@@ -8174,10 +8194,14 @@ var require_Stacks_native = __commonJS({
     }, YStack3 = (0, import_core13.styled)(import_core13.Stack, {
       flexDirection: "column",
       variants
-    }), XStack = (0, import_core13.styled)(import_core13.Stack, {
+    });
+    YStack3.displayName = "YStack";
+    var XStack = (0, import_core13.styled)(import_core13.Stack, {
       flexDirection: "row",
       variants
-    }), ZStack = (0, import_core13.styled)(
+    });
+    XStack.displayName = "XStack";
+    var ZStack = (0, import_core13.styled)(
       YStack3,
       {
         position: "relative"
@@ -8187,6 +8211,7 @@ var require_Stacks_native = __commonJS({
         isZStack: !0
       }
     );
+    ZStack.displayName = "ZStack";
   }
 });
 
@@ -12239,14 +12264,29 @@ var require_Button_native = __commonJS({
         noTextWrap,
         fontFamily,
         fontSize,
+        fontWeight,
+        fontStyle,
+        letterSpacing,
         tag,
+        ellipse,
+        maxFontSizeMultiplier,
         ...restProps
       } = propsActive, size2 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), color = propsActive.color, iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color
       }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = space ?? (0, import_web.getVariableValue)(iconSize) * scaleSpace, contents = noTextWrap ? [propsIn.children] : (0, import_text2.wrapChildrenInText)(
         Text3,
-        { children: propsIn.children, fontFamily, fontSize, textProps },
+        {
+          children: propsIn.children,
+          fontFamily,
+          fontSize,
+          textProps,
+          fontWeight,
+          fontStyle,
+          letterSpacing,
+          ellipse,
+          maxFontSizeMultiplier
+        },
         Text3 === ButtonText && propsActive.unstyled !== !0 ? {
           unstyled: process.env.TAMAGUI_HEADLESS === "1",
           size: size2