tamagui 1.84.2 → 1.85.1

package/dist/native.js

@@ -556,7 +556,7 @@ var require_composeEventHandlers_native = __commonJS({
     });
     module2.exports = __toCommonJS2(composeEventHandlers_exports);
     function composeEventHandlers(og, next, { checkDefaultPrevented = !0 } = {}) {
-      return !og || !next ? next || og || void 0 : function(event) {
+      return !og || !next ? next || og || void 0 : (event) => {
         if (og == null || og(event), !event || !(checkDefaultPrevented && "defaultPrevented" in event) || // @ts-ignore
         "defaultPrevented" in event && !event.defaultPrevented)
           return next == null ? void 0 : next(event);
@@ -892,7 +892,7 @@ var require_withStaticProperties_native = __commonJS({
       withStaticProperties: () => withStaticProperties2
     });
     module2.exports = __toCommonJS2(withStaticProperties_exports);
-    var import_react2 = require("react"), Decorated = Symbol(), withStaticProperties2 = function(component, staticProps) {
+    var import_react2 = require("react"), Decorated = Symbol(), withStaticProperties2 = (component, staticProps) => {
       let next = (() => {
         if (component[Decorated]) {
           let _ = (0, import_react2.forwardRef)(
@@ -2038,14 +2038,14 @@ var require_accessibilityDirectMap_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), accessibilityDirectMap_native_exports = {};
     __export2(accessibilityDirectMap_native_exports, {
-      accessibilityDirectMap: () => accessibilityDirectMap2,
+      accessibilityDirectMap: () => accessibilityDirectMap,
       accessibilityWebRoleToNativeRole: () => accessibilityWebRoleToNativeRole,
       nativeAccessibilityState: () => nativeAccessibilityState,
       nativeAccessibilityValue: () => nativeAccessibilityValue,
       webToNativeAccessibilityDirectMap: () => webToNativeAccessibilityDirectMap
     });
     module2.exports = __toCommonJS2(accessibilityDirectMap_native_exports);
-    var accessibilityDirectMap2 = {}, webToNativeAccessibilityDirectMap = {
+    var accessibilityDirectMap = {}, webToNativeAccessibilityDirectMap = {
       "aria-label": "accessibilityLabel",
       "aria-labelledby": "accessibilityLabelledBy",
       "aria-live": "accessibilityLiveRegion",
@@ -2789,7 +2789,7 @@ var require_normalizeValueWithProperty_native = __commonJS({
         return;
       }
       let cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
-      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
+      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && Number.isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
         res,
         cssVal,
         cssRule,
@@ -3142,9 +3142,9 @@ var require_propMapper_native = __commonJS({
         }
       }) : styleStateIn, { conf, styleProps, fontFamily, staticConfig } = styleState, { variants } = staticConfig;
       if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed) && console.warn(
-        `Warning: no fontFamily "${fontFamily}" found in config: ${Object.keys(conf.fontsParsed).join(
-          ", "
-        )}`
+        `Warning: no fontFamily "${fontFamily}" found in config: ${Object.keys(
+          conf.fontsParsed
+        ).join(", ")}`
       ), !styleProps.noExpand && variants && key in variants) {
         styleState.curProps[key] = value;
         let variantValue = resolveVariants(key, value, styleProps, styleState, "");
@@ -3424,7 +3424,8 @@ var require_getSplitStyles_native = __commonJS({
             let nativeA11yProp = import_accessibilityDirectMap.webToNativeAccessibilityDirectMap[keyInit];
             keyInit === "aria-hidden" && (viewProps["aria-hidden"] = valInit), viewProps[nativeA11yProp] = valInit;
             continue;
-          } else if (import_accessibilityDirectMap.nativeAccessibilityValue[keyInit]) {
+          }
+          if (import_accessibilityDirectMap.nativeAccessibilityValue[keyInit]) {
             let field = import_accessibilityDirectMap.nativeAccessibilityValue[keyInit];
             viewProps.accessibilityValue ? viewProps.accessibilityValue[field] = valInit : viewProps.accessibilityValue = {
               [field]: valInit
@@ -3447,7 +3448,7 @@ var require_getSplitStyles_native = __commonJS({
           mergeStylePropIntoStyle(styleState, valInit);
           continue;
         }
-        if (0 && !(keyInit in accessibilityDirectMap))
+        if (0)
           switch (keyInit) {
             case "accessibilityRole":
             case "accessibilityLabelledBy":
@@ -3520,10 +3521,7 @@ current`, {
                   val,
                   styleProps.noClassNames
                 ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-                if (process.env.NODE_ENV === "development" && !styleProps.isAnimated && !componentState.unmounted && (isEnter || isExit) && console.warn(
-                  `No animation prop given to component ${staticConfig.componentName || ""} ${props["data-at"] || ""} with enterStyle / exitStyle, these styles will be ignored`,
-                  { props }
-                ), !descriptor || isExit && !styleProps.isExiting)
+                if (!descriptor || isExit && !styleProps.isExiting)
                   continue;
                 if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
                   Object.assign(pseudos[key], pseudoStyleObject);
@@ -3569,7 +3567,8 @@ current`, {
                     }
                 }
                 continue;
-              } else if (isMedia) {
+              }
+              if (isMedia) {
                 if (!val)
                   continue;
                 if (isMedia === "platform") {
@@ -4256,7 +4255,14 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme(
           (name, manager, forced) => {
             let force = forced || (shouldUpdate == null ? void 0 : shouldUpdate()) || props.deopt || props["disable-child-theme"], shouldTryUpdate = force ?? !!(keys != null && keys.length || isNewTheme);
-            process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(" \u{1F538} onChange", themeManager.id, { force, shouldTryUpdate, props, name, manager, keys }), shouldTryUpdate && setThemeState((prev) => createState(prev, force));
+            process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(" \u{1F538} onChange", themeManager.id, {
+              force,
+              shouldTryUpdate,
+              props,
+              name,
+              manager,
+              keys
+            }), shouldTryUpdate && setThemeState((prev) => createState(prev, force));
           },
           themeManager.id
         );
@@ -4414,7 +4420,9 @@ var require_Theme_native = __commonJS({
     function getThemedChildren(themeState, children, props, isRoot = !1) {
       let { themeManager, isNewTheme } = themeState;
       if (!themeManager)
-        throw new Error(process.env.NODE_ENV === "development" ? "\u274C No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes." : "\u274C");
+        throw new Error(
+          process.env.NODE_ENV === "development" ? "\u274C No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes." : "\u274C"
+        );
       let { shallow, forceClassName } = props, hasEverThemed = (0, import_react2.useRef)(!1), shouldRenderChildrenWithTheme = isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot;
       if (shouldRenderChildrenWithTheme && (hasEverThemed.current = !0), !shouldRenderChildrenWithTheme)
         return children;
@@ -4711,7 +4719,7 @@ var require_createComponent_native = __commonJS({
           {}
         );
         process.env.NODE_ENV === "development" && time && time`stateref`;
-        let hostRef = (0, import_react2.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
+        let hostRef = (0, import_react2.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
           if (import_constants4.isServer && !supportsCSSVars)
             return !1;
           let curState = stateRef.current;
@@ -5769,7 +5777,7 @@ ${runtimeStyles}`;
     function getThemesDeduped(themes) {
       let dedupedThemes = [], existing = /* @__PURE__ */ new Map();
       for (let themeName in themes) {
-        let darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "", rawTheme = themes[themeName], key = darkOrLightSpecificPrefix + JSON.stringify(rawTheme);
+        let darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "", rawTheme = themes[themeName], key = darkOrLightSpecificPrefix + JSON.stringify(Object.entries(rawTheme).sort((a, b) => a[0] > b[0] ? -1 : 1));
         if (existing.has(key)) {
           existing.get(key).names.push(themeName);
           continue;
@@ -5869,7 +5877,7 @@ var require_setupReactNative_native = __commonJS({
     });
     module2.exports = __toCommonJS2(setupReactNative_exports);
     function getReactNativeConfig(Component) {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (Component)
         return (_a = Component.propTypes) != null && _a.onTextInput || (_b = Component.propTypes) != null && _b.onChangeText ? RNConfigs.TextInput : Component.getSizeWithHeaders ? RNConfigs.Image : (_c = Component.propTypes) != null && _c.textBreakStrategy ? RNConfigs.Text : RNConfigs.default;
     }
@@ -6724,8 +6732,8 @@ var require_utils_native = __commonJS({
       if (domEvent.type === "selectionchange") {
         let target = (_a = window.getSelection()) == null ? void 0 : _a.anchorNode;
         return composedPathFallback(target);
-      } else
-        return domEvent.composedPath != null ? domEvent.composedPath() : composedPathFallback(domEvent.target);
+      }
+      return domEvent.composedPath != null ? domEvent.composedPath() : composedPathFallback(domEvent.target);
     }
     function composedPathFallback(target) {
       let path = [];
@@ -7215,7 +7223,7 @@ var require_ResponderSystem_native = __commonJS({
     function findWantsResponder(eventPaths, domEvent, responderEvent) {
       let shouldSetCallbacks = shouldSetResponderEvents[domEvent.type];
       if (shouldSetCallbacks != null) {
-        let { idPath, nodePath } = eventPaths, shouldSetCallbackCaptureName = shouldSetCallbacks[0], shouldSetCallbackBubbleName = shouldSetCallbacks[1], { bubbles } = shouldSetCallbacks[2], check = function(id, node, callbackName) {
+        let { idPath, nodePath } = eventPaths, shouldSetCallbackCaptureName = shouldSetCallbacks[0], shouldSetCallbackBubbleName = shouldSetCallbacks[1], { bubbles } = shouldSetCallbacks[2], check = (id, node, callbackName) => {
           let shouldSetCallback = getResponderConfig(id)[callbackName];
           if (shouldSetCallback != null && (responderEvent.currentTarget = node, shouldSetCallback(responderEvent) === !0)) {
             let prunedIdPath = idPath.slice(idPath.indexOf(id));
@@ -7867,7 +7875,7 @@ var require_index_native15 = __commonJS({
     var import_react_native_use_responder_events = require_index_native14(), import_web = require_index_native12(), import_react2 = require("react"), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_useElementLayout = require_useElementLayout_native(), import_usePlatformMethods = require_usePlatformMethods_native(), import_Pressability = require_Pressability_native();
     __reExport2(src_exports2, require_index_native12(), module2.exports);
     __reExport2(src_exports2, require_reactNativeTypes_native(), module2.exports);
-    var View2 = import_web.View, Stack3 = import_web.Stack, Text3 = import_web.Text, baseViews = (0, import_getBaseViews.getBaseViews)();
+    var baseViews = (0, import_getBaseViews.getBaseViews)();
     (0, import_web.setupHooks)({
       getBaseViews: import_getBaseViews.getBaseViews,
       usePropsTransform(elementType, propsIn, hostRef) {
@@ -7956,7 +7964,7 @@ var require_index_native15 = __commonJS({
     });
     var dontComposePressabilityKeys = {
       onClick: !0
-    };
+    }, View2 = import_web.View, Stack3 = import_web.Stack, Text3 = import_web.Text;
   }
 });
 
@@ -11827,7 +11835,7 @@ var require_Avatar_native = __commonJS({
           import_image.Image,
           {
             fullscreen: !0,
-            ...typeof shapeSize == "number" && !isNaN(shapeSize) && {
+            ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
               width: shapeSize,
               height: shapeSize
             },
@@ -12173,10 +12181,12 @@ var require_Button_native = __commonJS({
     }), ButtonIcon = (props) => {
       let { children, scaleIcon = 1 } = props, { size: size2, color } = (0, import_react2.useContext)(ButtonContext), iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon;
       return (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color })(children);
-    }, ButtonComponent = ButtonFrame.styleable(function(props, ref) {
-      let { props: buttonProps } = useButton(props);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonFrame, { ...buttonProps, ref });
-    }), buttonStaticConfig = {
+    }, ButtonComponent = ButtonFrame.styleable(
+      function(props, ref) {
+        let { props: buttonProps } = useButton(props);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonFrame, { ...buttonProps, ref });
+      }
+    ), buttonStaticConfig = {
       inlineProps: /* @__PURE__ */ new Set([
         // text props go here (can't really optimize them, but we never fully extract button anyway)
         // may be able to remove this entirely, as the compiler / runtime have gotten better
@@ -13949,10 +13959,12 @@ var require_ListItem_native = __commonJS({
           ] })
         }
       };
-    }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
-      let { props: listItemProps } = useListItem(props);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ListItemFrame, { ref, ...listItemProps });
-    }), ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
+    }, ListItemComponent = ListItemFrame.styleable(
+      function(props, ref) {
+        let { props: listItemProps } = useListItem(props);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ListItemFrame, { ref, ...listItemProps });
+      }
+    ), ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
       Text: ListItemText,
       Subtitle: ListItemSubtitle
     });
@@ -15870,10 +15882,10 @@ var require_Progress_native = __commonJS({
       return typeof value == "number";
     }
     function isValidMaxNumber(max2) {
-      return isNumber(max2) && !isNaN(max2) && max2 > 0;
+      return isNumber(max2) && !Number.isNaN(max2) && max2 > 0;
     }
     function isValidValueNumber(value, max2) {
-      return isNumber(value) && !isNaN(value) && value <= max2 && value >= 0;
+      return isNumber(value) && !Number.isNaN(value) && value <= max2 && value >= 0;
     }
     var DEFAULT_MAX = 100, ProgressFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
@@ -17013,35 +17025,33 @@ var require_Select_native = __commonJS({
       }
     }), SelectGroup = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeSelect, ...groupProps } = props, groupId = React2.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size2 = itemParentContext.size ?? "$true", nativeSelectRef = React2.useRef(null), content = function() {
-          return itemParentContext.shouldRenderWebNative ? (
-            // @ts-expect-error until we support typing based on tag
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, { asChild: !0, size: size2, value: context.value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              NativeSelectTextFrame,
-              {
-                onChange: (event) => {
-                  itemParentContext.onChange(event.currentTarget.value);
-                },
-                size: size2,
-                ref: nativeSelectRef,
-                style: {
-                  color: "var(--color)",
-                  // @ts-ignore
-                  appearance: "none"
-                },
-                children: props.children
-              }
-            ) })
-          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            SelectGroupFrame,
+        let { __scopeSelect, ...groupProps } = props, groupId = React2.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size2 = itemParentContext.size ?? "$true", nativeSelectRef = React2.useRef(null), content = itemParentContext.shouldRenderWebNative ? (
+          // @ts-expect-error until we support typing based on tag
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, { asChild: !0, size: size2, value: context.value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            NativeSelectTextFrame,
             {
-              role: "group",
-              "aria-labelledby": groupId,
-              ...groupProps,
-              ref: forwardedRef
+              onChange: (event) => {
+                itemParentContext.onChange(event.currentTarget.value);
+              },
+              size: size2,
+              ref: nativeSelectRef,
+              style: {
+                color: "var(--color)",
+                // @ts-ignore
+                appearance: "none"
+              },
+              children: props.children
             }
-          );
-        }();
+          ) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectGroupFrame,
+          {
+            role: "group",
+            "aria-labelledby": groupId,
+            ...groupProps,
+            ref: forwardedRef
+          }
+        );
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: content });
       }
     );
@@ -17299,7 +17309,10 @@ var require_helpers_native2 = __commonJS({
       return 100 / (max2 - min2) * (value - min2);
     }
     function getLabel(index, totalValues) {
-      return totalValues > 2 ? `Value ${index + 1} of ${totalValues}` : totalValues === 2 ? ["Minimum", "Maximum"][index] : void 0;
+      if (totalValues > 2)
+        return `Value ${index + 1} of ${totalValues}`;
+      if (totalValues === 2)
+        return ["Minimum", "Maximum"][index];
     }
     function getClosestValueIndex(values, nextValue) {
       if (values.length === 1)
@@ -18821,36 +18834,38 @@ var require_Toggle_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), Toggle = React2.forwardRef(function(props, forwardedRef) {
-      let {
-        pressed: pressedProp,
-        defaultPressed = !1,
-        onPressedChange,
-        ...buttonProps
-      } = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
-      });
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        ToggleFrame,
-        {
-          ...!props.unstyled && {
-            theme: pressed ? "active" : null,
-            themeShallow: !0
-          },
-          active: props.unstyled ? void 0 : pressed,
-          "aria-pressed": pressed,
-          "data-state": pressed ? "on" : "off",
-          "data-disabled": props.disabled ? "" : void 0,
-          ...buttonProps,
-          ref: forwardedRef,
-          onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
-            props.disabled || setPressed(!pressed);
-          })
-        }
-      );
-    });
+    }), Toggle = React2.forwardRef(
+      function(props, forwardedRef) {
+        let {
+          pressed: pressedProp,
+          defaultPressed = !1,
+          onPressedChange,
+          ...buttonProps
+        } = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
+          prop: pressedProp,
+          onChange: onPressedChange,
+          defaultProp: defaultPressed
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ToggleFrame,
+          {
+            ...!props.unstyled && {
+              theme: pressed ? "active" : null,
+              themeShallow: !0
+            },
+            active: props.unstyled ? void 0 : pressed,
+            "aria-pressed": pressed,
+            "data-state": pressed ? "on" : "off",
+            "data-disabled": props.disabled ? "" : void 0,
+            ...buttonProps,
+            ref: forwardedRef,
+            onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
+              props.disabled || setPressed(!pressed);
+            })
+          }
+        );
+      }
+    );
   }
 });
 
@@ -19206,9 +19221,9 @@ var require_index_native67 = __commonJS({
       let timeout, isCancelled = !1;
       function debounced() {
         isCancelled = !1;
-        let context = this, args = arguments;
-        leading && !timeout && func.apply(context, args), clearTimeout(timeout), timeout = setTimeout(function() {
-          timeout = null, leading || isCancelled || func.apply(context, args), isCancelled = !1;
+        let args = arguments;
+        leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
+          timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
         }, wait);
       }
       return debounced.cancel = () => {