tamagui 1.84.1 → 1.85.0

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") {
@@ -3928,10 +3927,10 @@ var require_ThemeManagerContext_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), ThemeManagerContext_exports = {};
     __export2(ThemeManagerContext_exports, {
-      ThemeManagerContext: () => ThemeManagerContext
+      ThemeManagerIDContext: () => ThemeManagerIDContext
     });
     module2.exports = __toCommonJS2(ThemeManagerContext_exports);
-    var import_react2 = require("react"), ThemeManagerContext = (0, import_react2.createContext)(null);
+    var import_react2 = require("react"), ThemeManagerIDContext = (0, import_react2.createContext)(1);
   }
 });
 
@@ -3960,7 +3959,7 @@ var require_ThemeManager_native = __commonJS({
     }
     var uid = 0, ThemeManager = class {
       constructor(props = {}, parentManager) {
-        if (this.props = props, this.id = uid++, this.themeListeners = /* @__PURE__ */ new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, parentManager === "root") {
+        if (this.props = props, this.id = 0, this.themeListeners = /* @__PURE__ */ new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
           this.updateStateFromProps(props, !1);
           return;
         }
@@ -4103,6 +4102,7 @@ var require_useTheme_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), useTheme_exports = {};
     __export2(useTheme_exports, {
       activeThemeManagers: () => activeThemeManagers,
+      getThemeManager: () => getThemeManager,
       getThemeProxied: () => getThemeProxied,
       useChangeThemeEffect: () => useChangeThemeEffect,
       useTheme: () => useTheme4,
@@ -4133,13 +4133,13 @@ var require_useTheme_native = __commonJS({
           }), next;
         }
       ), { themeManager, state } = changedThemeState;
-      state != null && state.theme || process.env.NODE_ENV === "development" && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.warn(
+      process.env.NODE_ENV === "development" && (state != null && state.theme || process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.warn(
         `[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
           props
         )}).
 
 If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`
-      );
+      ));
       let themeProxied = (0, import_react2.useMemo)(() => !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state, props.deopt, themeManager, keys.current, props.debug), [state == null ? void 0 : state.theme, themeManager, props.deopt, props.debug]);
       return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", state == null ? void 0 : state.name), console.info("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
     };
@@ -4217,8 +4217,13 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       }
       return !1;
     }
-    var activeThemeManagers = /* @__PURE__ */ new Set(), useChangeThemeEffect = (props, isRoot = !1, keys, shouldUpdate) => {
-      let { disable } = props, parentManager = (0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+    var activeThemeManagers = /* @__PURE__ */ new Set(), _uidToManager = /* @__PURE__ */ new WeakMap(), _idToUID = {}, getId = (id) => _idToUID[id], getThemeManager = (id) => _uidToManager.get(getId(id)), registerThemeManager = (t) => {
+      if (!_idToUID[t.id]) {
+        let id = _idToUID[t.id] = {};
+        _uidToManager.set(id, t);
+      }
+    }, useChangeThemeEffect = (props, isRoot = !1, keys, shouldUpdate) => {
+      let { disable } = props, parentManagerId = (0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerIDContext), parentManager = getThemeManager(parentManagerId);
       if (!isRoot && !parentManager || disable)
         return {
           isNewTheme: !1,
@@ -4244,18 +4249,25 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           }));
           return;
         }
-        isNewTheme && themeManager && activeThemeManagers.add(themeManager), (isNewTheme || getShouldUpdateTheme(themeManager)) && setThemeState(createState);
+        (isNewTheme || getShouldUpdateTheme(themeManager)) && (activeThemeManagers.add(themeManager), setThemeState(createState));
         let selfListenerDispose = themeManager.onChangeTheme((_a, _b, forced) => {
           forced && setThemeState((prev) => createState(prev, !0));
         }), 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
         );
         return () => {
-          selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), activeThemeManagers.delete(themeManager);
+          selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), isNewTheme && activeThemeManagers.delete(themeManager);
         };
       }, [
         themeManager,
@@ -4303,14 +4315,16 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           } else
             themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
         }
-        let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse);
+        isNewTheme2 && registerThemeManager(themeManager2);
+        let mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
         state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager));
         let wasInversed = prev == null ? void 0 : prev.inversed, inversed2 = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme) ? !0 : wasInversed != null ? !1 : null, response = {
           themeManager: themeManager2,
           isNewTheme: isNewTheme2,
           mounted: mounted2,
           inversed: inversed2
-        }, shouldReturnPrev = !force && prev && // isEqualShallow uses the second arg as the keys so this should compare without state first...
+        }, shouldReturnPrev = prev && !force && // isEqualShallow uses the second arg as the keys so this should compare without state first...
         (0, import_createShallowSetState.isEqualShallow)(prev, response) && // ... and then compare just the state, because we make a new state obj but is likely the same
         (0, import_createShallowSetState.isEqualShallow)(prev.state, state2);
         if (prev && shouldReturnPrev)
@@ -4406,7 +4420,9 @@ var require_Theme_native = __commonJS({
     function getThemedChildren(themeState, children, props, isRoot = !1) {
       let { themeManager, isNewTheme } = themeState;
       if (!themeManager)
-        throw "\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;
@@ -4416,7 +4432,7 @@ var require_Theme_native = __commonJS({
         void 0,
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Theme2, { name: themeManager.state.parentName, children: child.props.children })
       ) : child));
-      let elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next });
+      let elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeManagerContext.ThemeManagerIDContext.Provider, { value: themeManager.id, children: next });
       return forceClassName === !1 ? elementsWithContext : import_constants4.isWeb ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
@@ -4703,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;
@@ -5761,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;
@@ -5861,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;
     }
@@ -6100,9 +6116,9 @@ var require_useThemeName_native = __commonJS({
       useThemeName: () => useThemeName2
     });
     module2.exports = __toCommonJS2(useThemeName_exports);
-    var import_constants4 = require_index_native(), import_react2 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
+    var import_constants4 = require_index_native(), import_react2 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native();
     function useThemeName2(opts) {
-      let manager = (0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react2.useState)((manager == null ? void 0 : manager.state.name) || "");
+      let manager = (0, import_useTheme.getThemeManager)((0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerIDContext)), [name, setName] = (0, import_react2.useState)((manager == null ? void 0 : manager.state.name) || "");
       return (0, import_constants4.useIsomorphicLayoutEffect)(() => {
         if (manager)
           return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
@@ -6716,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 = [];
@@ -7207,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));
@@ -7859,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) {
@@ -7948,7 +7964,7 @@ var require_index_native15 = __commonJS({
     });
     var dontComposePressabilityKeys = {
       onClick: !0
-    };
+    }, View2 = import_web.View, Stack3 = import_web.Stack, Text3 = import_web.Text;
   }
 });
 
@@ -11819,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
             },
@@ -12165,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
@@ -13941,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
     });
@@ -15862,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",
@@ -17005,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 });
       }
     );
@@ -17291,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)
@@ -18813,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);
+            })
+          }
+        );
+      }
+    );
   }
 });
 
@@ -19198,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 = () => {