tamagui 1.84.2 → 1.85.1

package/dist/test.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)(
@@ -1991,14 +1991,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",
@@ -3334,7 +3334,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
@@ -3357,7 +3358,7 @@ var require_getSplitStyles_native = __commonJS({
           mergeStylePropIntoStyle(styleState, valInit);
           continue;
         }
-        if (0 && !(keyInit in accessibilityDirectMap))
+        if (0)
           switch (keyInit) {
             case "accessibilityRole":
             case "accessibilityLabelledBy":
@@ -3435,7 +3436,8 @@ var require_getSplitStyles_native = __commonJS({
                     }
                 }
                 continue;
-              } else if (isMedia) {
+              }
+              if (isMedia) {
                 if (!val)
                   continue;
                 if (isMedia === "platform") {
@@ -4211,7 +4213,9 @@ var require_Theme_native = __commonJS({
     function getThemedChildren(themeState, children, props, isRoot = !1) {
       let { themeManager, isNewTheme } = themeState;
       if (!themeManager)
-        throw new Error("\u274C");
+        throw new Error(
+          "\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;
@@ -4462,7 +4466,7 @@ var require_createComponent_native = __commonJS({
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         let debugProp = props.debug, componentName = props.componentName || staticConfig.componentName, isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), stateRef = (0, import_react2.useRef)(
           {}
-        ), 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 = (() => {
+        ), 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;
@@ -5424,7 +5428,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;
@@ -5524,7 +5528,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;
     }
@@ -6379,8 +6383,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 = [];
@@ -6862,7 +6866,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));
@@ -7512,7 +7516,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) {
@@ -7591,7 +7595,7 @@ var require_index_native15 = __commonJS({
     });
     var dontComposePressabilityKeys = {
       onClick: !0
-    };
+    }, View2 = import_web.View, Stack3 = import_web.Stack, Text3 = import_web.Text;
   }
 });
 
@@ -11379,7 +11383,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
             },
@@ -11725,10 +11729,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
@@ -13414,10 +13420,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
     });
@@ -15335,10 +15343,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",
@@ -16478,35 +16486,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 });
       }
     );
@@ -16764,7 +16770,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)
@@ -18270,36 +18279,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);
+            })
+          }
+        );
+      }
+    );
   }
 });
 
@@ -18655,9 +18666,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 = () => {