tamagui 1.79.5 → 1.79.7

package/dist/native.js

@@ -1261,7 +1261,7 @@ var require_useMedia_native = __commonJS({
       return listeners.add(subscriber), () => listeners.delete(subscriber);
     }
     function useMedia3(uid, componentContext) {
-      let internal = (0, import_react2.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) ? mediaState3 : initState) || {}, state = (0, import_react2.useSyncExternalStore)(
+      let internal = (0, import_react2.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) || !import_constants.isWeb ? mediaState3 : initState) || {}, state = (0, import_react2.useSyncExternalStore)(
         subscribe,
         () => {
           if (!internal.current)
@@ -3761,7 +3761,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState)))
           return next;
       }
-      if (import_constants.isServer || ((0, import_react2.useLayoutEffect)(() => {
+      if (import_constants.isServer || ((0, import_react2.useEffect)(() => {
         if (!themeManager)
           return;
         if (props.inverse && !mounted) {
@@ -3777,7 +3777,7 @@ 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(createState);
+            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
         );
@@ -17643,8 +17643,9 @@ var require_Slider_native = __commonJS({
                 onSlideStart: disabled ? void 0 : (value2, target, event) => {
                   if (target !== "thumb") {
                     let closestIndex = (0, import_helpers2.getClosestValueIndex)(values, value2);
-                    updateValues(value2, closestIndex), onSlideStart == null || onSlideStart(event, value2, target);
+                    updateValues(value2, closestIndex);
                   }
+                  onSlideStart == null || onSlideStart(event, value2, target);
                 },
                 onSlideMove: disabled ? void 0 : handleSlideMove,
                 onHomeKeyDown: () => !disabled && updateValues(min2, 0),
@@ -17878,109 +17879,103 @@ var require_createSwitch_native = __commonJS({
             ref: forwardedRef
           }
         );
-      }), SwitchComponent = Frame.extractable(
-        React2.forwardRef(function(propsIn, forwardedRef) {
-          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core13.useProps)(propsIn, {
-            noNormalize: !0,
-            noExpand: !0,
-            resolveValues: "none",
-            forComponent: Frame
-          }), {
-            labeledBy: ariaLabelledby,
-            name,
-            checked: checkedProp,
-            defaultChecked,
-            required,
-            disabled,
-            value = "on",
-            onCheckedChange,
-            size: size2 = styledContext.size ?? "$true",
-            unstyled = styledContext.unstyled ?? !1,
-            native: nativeProp,
-            nativeProps,
-            children,
-            ...switchProps
-          } = props, native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core13.isWeb && nativeProp === !0 || !import_core13.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
-            forwardedRef,
-            // @ts-expect-error
-            setButton
-          ), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core13.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
-            prop: checkedProp,
-            defaultProp: defaultChecked || !1,
-            onChange: onCheckedChange,
-            transition: !0
-          });
-          return shouldRenderMobileNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_react_native4.Switch,
+      }), SwitchComponent = Frame.styleable(function(propsIn, forwardedRef) {
+        let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core13.useProps)(propsIn, {
+          noNormalize: !0,
+          noExpand: !0,
+          resolveValues: "none",
+          forComponent: Frame
+        }), {
+          labeledBy: ariaLabelledby,
+          name,
+          checked: checkedProp,
+          defaultChecked,
+          required,
+          disabled,
+          value = "on",
+          onCheckedChange,
+          size: size2 = styledContext.size ?? "$true",
+          unstyled = styledContext.unstyled ?? !1,
+          native: nativeProp,
+          nativeProps,
+          children,
+          ...switchProps
+        } = props, native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core13.isWeb && nativeProp === !0 || !import_core13.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setButton), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core13.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+          prop: checkedProp,
+          defaultProp: defaultChecked || !1,
+          onChange: onCheckedChange,
+          transition: !0
+        });
+        return shouldRenderMobileNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native4.Switch,
+          {
+            value: checkedProp,
+            onValueChange: onCheckedChange,
+            ...nativeProps
+          }
+        ) : (import_core13.isWeb || React2.useEffect(() => {
+          if (props.id)
+            return (0, import_focusable2.registerFocusable)(props.id, {
+              focus: () => {
+                setChecked((x) => !x);
+              }
+            });
+        }, [props.id, setChecked]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Frame,
             {
-              value: checkedProp,
-              onValueChange: onCheckedChange,
-              ...nativeProps
-            }
-          ) : (import_core13.isWeb || React2.useEffect(() => {
-            if (props.id)
-              return (0, import_focusable2.registerFocusable)(props.id, {
-                focus: () => {
-                  setChecked((x) => !x);
+              tag: "button",
+              unstyled,
+              size: size2,
+              checked,
+              disabled,
+              frameWidth,
+              themeShallow: !0,
+              ...!disableActiveTheme && {
+                theme: checked ? "active" : null,
+                themeShallow: !0
+              },
+              role: "switch",
+              "aria-checked": checked,
+              "aria-labelledby": labelledBy,
+              "aria-required": required,
+              "data-state": getState(checked),
+              "data-disabled": disabled ? "" : void 0,
+              tabIndex: disabled ? void 0 : 0,
+              value,
+              ...switchProps,
+              ref: composedRefs,
+              onPress: (0, import_core13.composeEventHandlers)(props.onPress, (event) => {
+                setChecked((prevChecked) => !prevChecked), import_core13.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+              }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_stacks3.YStack,
+                {
+                  alignSelf: "stretch",
+                  flex: 1,
+                  onLayout: (e) => {
+                    setFrameWidth(e.nativeEvent.layout.width);
+                  },
+                  children: typeof children == "function" ? children(checked) : children
                 }
-              });
-          }, [props.id, setChecked]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              Frame,
-              {
-                tag: "button",
-                unstyled,
-                size: size2,
-                checked,
-                disabled,
-                frameWidth,
-                themeShallow: !0,
-                ...!disableActiveTheme && {
-                  theme: checked ? "active" : null,
-                  themeShallow: !0
-                },
-                role: "switch",
-                "aria-checked": checked,
-                "aria-labelledby": labelledBy,
-                "aria-required": required,
-                "data-state": getState(checked),
-                "data-disabled": disabled ? "" : void 0,
-                tabIndex: disabled ? void 0 : 0,
-                value,
-                ...switchProps,
-                ref: composedRefs,
-                onPress: (0, import_core13.composeEventHandlers)(props.onPress, (event) => {
-                  setChecked((prevChecked) => !prevChecked), import_core13.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-                }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  import_stacks3.YStack,
-                  {
-                    alignSelf: "stretch",
-                    flex: 1,
-                    onLayout: (e) => {
-                      setFrameWidth(e.nativeEvent.layout.width);
-                    },
-                    children: typeof children == "function" ? children(checked) : children
-                  }
-                )
-              }
-            ),
-            import_core13.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              BubbleInput,
-              {
-                control: button,
-                bubbles: !hasConsumerStoppedPropagationRef.current,
-                name,
-                value,
-                checked,
-                required,
-                disabled,
-                style: { transform: "translateX(-100%)" }
-              }
-            )
-          ] }));
-        })
-      ), BubbleInput = (props) => {
+              )
+            }
+          ),
+          import_core13.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            BubbleInput,
+            {
+              control: button,
+              bubbles: !hasConsumerStoppedPropagationRef.current,
+              name,
+              value,
+              checked,
+              required,
+              disabled,
+              style: { transform: "translateX(-100%)" }
+            }
+          )
+        ] }));
+      }), BubbleInput = (props) => {
         let { control, checked, bubbles = !0, ...inputProps } = props, ref = React2.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
         return React2.useEffect(() => {
           let input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(