@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/hooks/getThemeProxied.native.js

@@ -5,89 +5,103 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getThemeProxied_exports = {};
 __export(getThemeProxied_exports, {
   getThemeProxied: () => getThemeProxied
 });
 module.exports = __toCommonJS(getThemeProxied_exports);
-var import_constants = require("@tamagui/constants"),
-  import_config = require("../config.native.js"),
-  import_createVariable = require("../createVariable.native.js"),
-  import_getDynamicVal = require("../helpers/getDynamicVal.native.js"),
-  import_doesRootSchemeMatchSystem = require("./doesRootSchemeMatchSystem.native.js"),
-  cache = /* @__PURE__ */new Map(),
-  curKeys,
-  curSchemeKeys,
-  curProps,
-  curState,
-  emptyObject = {};
+var import_constants = require("@tamagui/constants");
+var import_config = require("../config.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var import_getDynamicVal = require("../helpers/getDynamicVal.native.js");
+var import_doesRootSchemeMatchSystem = require("./doesRootSchemeMatchSystem.native.js");
+var cache = /* @__PURE__ */new Map();
+var curKeys;
+var curSchemeKeys;
+var curProps;
+var curState;
+var emptyObject = {};
 function getThemeProxied(_props, _state, _keys, _schemeKeys) {
-  if (!_state?.theme) return emptyObject;
-  if (curKeys = _keys, curSchemeKeys = _schemeKeys, curProps = _props, curState = _state, cache.has(curState.theme)) {
-    var proxied = cache.get(curState.theme);
-    return proxied;
-  }
+  if (!(_state === null || _state === void 0 ? void 0 : _state.theme)) return emptyObject;
+  curKeys = _keys;
+  curSchemeKeys = _schemeKeys;
+  curProps = _props;
+  curState = _state;
+  if (cache.has(curState.theme)) return cache.get(curState.theme);
   var config = (0, import_config.getConfig)();
   function track(key) {
-    var schemeOptimized = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */new Set()), curKeys.current.add(key), schemeOptimized && curSchemeKeys && (curSchemeKeys.current || (curSchemeKeys.current = /* @__PURE__ */new Set()), curSchemeKeys.current.add(key)), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`));
+    var schemeOptimized = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    if (!curKeys) return;
+    if (!curKeys.current) curKeys.current = /* @__PURE__ */new Set();
+    curKeys.current.add(key);
+    if (schemeOptimized && curSchemeKeys) {
+      if (!curSchemeKeys.current) curSchemeKeys.current = /* @__PURE__ */new Set();
+      curSchemeKeys.current.add(key);
+    }
+    if (process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`);
   }
   var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function (param) {
-    var [key, value] = param,
-      proxied2 = {
-        ...value,
-        get val() {
-          return globalThis.tamaguiAvoidTracking || track(key, !1), value.val;
-        },
-        get(platform) {
-          if (curState) {
-            var outVal = (0, import_createVariable.getVariable)(value),
-              {
-                name,
-                scheme
-              } = curState,
-              fastSchemeChange = (0, import_config.getSetting)("fastSchemeChange"),
-              rootMatchesSystem = (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)(),
-              shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && !curState.isInverse && fastSchemeChange && rootMatchesSystem;
-            if (process.env.NODE_ENV === "development" && curProps.debug === "verbose" && console.info(` \u{1F3A8} useTheme().get(${key}) theme=${name} scheme=${scheme}`, `
-   shouldOptimize=${shouldOptimize} (iOS=${import_constants.isIos} deopt=${curProps.deopt} isInverse=${curState.isInverse} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`), shouldOptimize) {
-              var _config_themes_name,
-                _config_themes_oppositeName,
-                oppositeScheme = scheme === "dark" ? "light" : "dark",
-                oppositeName = name.replace(scheme, oppositeScheme),
-                color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]),
-                oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]);
-              process.env.NODE_ENV === "development" && curProps.debug === "verbose" && console.info(` \u{1F3A8} useTheme().get(${key}) using DynamicColorIOS`, `
+    var [key, value] = param;
+    var proxied2 = {
+      ...value,
+      get val() {
+        if (!globalThis.tamaguiAvoidTracking) track(key, false);
+        return value.val;
+      },
+      get(platform) {
+        if (!curState) return;
+        var outVal = (0, import_createVariable.getVariable)(value);
+        var {
+          name,
+          scheme
+        } = curState;
+        var fastSchemeChange = (0, import_config.getSetting)("fastSchemeChange");
+        var rootMatchesSystem = (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
+        var shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && !curState.isInverse && fastSchemeChange && rootMatchesSystem;
+        if (process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) theme=${name} scheme=${scheme}`, `
+   shouldOptimize=${shouldOptimize} (iOS=${import_constants.isIos} deopt=${curProps.deopt} isInverse=${curState.isInverse} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`);
+        if (shouldOptimize) {
+          var _config_themes_name, _config_themes_oppositeName;
+          var oppositeScheme = scheme === "dark" ? "light" : "dark";
+          var oppositeName = name.replace(scheme, oppositeScheme);
+          var color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]);
+          var oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]);
+          if (process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) using DynamicColorIOS`, `
    color=${color} oppositeColor=${oppositeColor}`);
-              var dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
-                scheme,
-                val: color,
-                oppositeVal: oppositeColor
-              });
-              return track(key, !0), dynamicVal;
-            }
-            return process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme().get(${key}) tracking key (not optimizing)`, `
-   platform=${platform} isIOS=${import_constants.isIos} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`), track(key, !1), outVal;
-          }
+          var dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
+            scheme,
+            val: color,
+            oppositeVal: oppositeColor
+          });
+          track(key, true);
+          return dynamicVal;
         }
-      };
+        if (process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme().get(${key}) tracking key (not optimizing)`, `
+   platform=${platform} isIOS=${import_constants.isIos} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`);
+        track(key, false);
+        return outVal;
+      }
+    };
     return [[key, proxied2], [`$${key}`, proxied2]];
   }));
-  return cache.set(_state.theme, proxied1), proxied1;
+  cache.set(_state.theme, proxied1);
+  return proxied1;
 }
 //# sourceMappingURL=getThemeProxied.native.js.map

package/dist/cjs/hooks/getThemeProxied.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getThemeProxied_exports","__export","getThemeProxied","module","exports","import_constants","require","import_config","import_createVariable","import_getDynamicVal","import_doesRootSchemeMatchSystem","cache","Map","curKeys","curSchemeKeys","curProps","curState","emptyObject","_props","_state","_keys","_schemeKeys","theme","has","proxied","get","config","getConfig","track","key","schemeOptimized","arguments","length","current","Set","add","process","env","NODE_ENV","debug","console","info","proxied1","Object","fromEntries","entries","flatMap","param","proxied2","val","globalThis","tamaguiAvoidTracking","platform","outVal","getVariable","name","scheme","fastSchemeChange","getSetting","rootMatchesSystem","doesRootSchemeMatchSystem","shouldOptimize","isIos","deopt","isInverse","_config_themes_name","_config_themes_oppositeName","oppositeScheme","oppositeName","replace","color","themes","oppositeColor","dynamicVal","getDynamicVal","oppositeVal"],"sources":["../../../src/hooks/getThemeProxied.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","getThemeProxied_exports","__export","getThemeProxied","module","exports","import_constants","require","import_config","import_createVariable","import_getDynamicVal","import_doesRootSchemeMatchSystem","cache","Map","curKeys","curSchemeKeys","curProps","curState","emptyObject","_props","_state","_keys","_schemeKeys","theme","has","get","config","getConfig","track","key","schemeOptimized","arguments","length","current","Set","add","process","env","NODE_ENV","debug","console","info","proxied1","Object","fromEntries","entries","flatMap","param","proxied2","val","globalThis","tamaguiAvoidTracking","platform","outVal","getVariable","name","scheme","fastSchemeChange","getSetting","rootMatchesSystem","doesRootSchemeMatchSystem","shouldOptimize","isIos","deopt","isInverse","_config_themes_name","_config_themes_oppositeName","oppositeScheme","oppositeName","replace","color","themes","oppositeColor","dynamicVal","getDynamicVal","oppositeVal","set"],"sources":["../../../src/hooks/getThemeProxied.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useComponentState.cjs

@@ -3,111 +3,163 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useComponentState_exports = {};
 __export(useComponentState_exports, {
   useComponentState: () => useComponentState
 });
 module.exports = __toCommonJS(useComponentState_exports);
-var import_constants = require("@tamagui/constants"),
-  import_is_equal_shallow = require("@tamagui/is-equal-shallow"),
-  import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr"),
-  import_react = require("react"),
-  import_config = require("../config.cjs"),
-  import_defaultComponentState = require("../defaultComponentState.cjs"),
-  import_isObj = require("../helpers/isObj.cjs"),
-  import_log = require("../helpers/log.cjs");
+var import_constants = require("@tamagui/constants");
+var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
+var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
+var import_react = require("react");
+var import_config = require("../config.cjs");
+var import_defaultComponentState = require("../defaultComponentState.cjs");
+var import_isObj = require("../helpers/isObj.cjs");
+var import_log = require("../helpers/log.cjs");
 const useComponentState = (props, animationDriver, staticConfig, config) => {
-  const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(),
-    needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(),
-    useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations,
-    {
-      isHOC
-    } = staticConfig,
-    stateRef = (0, import_react.useRef)(
-    // performance: avoid creating object every render
-    void 0);
-  stateRef.current || (stateRef.current = {
-    startedUnhydrated: needsHydration && !isHydrated
-  });
-  const hasAnimationProp = !!(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style)),
-    supportsCSS = (animationDriver?.inputStyle ?? (animationDriver?.supportsCSS ? "css" : "inline")) === "css",
-    curStateRef = stateRef.current;
-  !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
-  const willBeAnimatedClient = !!(!!(hasAnimationProp && !isHOC && useAnimations) || curStateRef.hasAnimated),
-    willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
-  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
+  "use no memo";
+
+  const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+  const needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();
+  const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;
+  const {
+    isHOC
+  } = staticConfig;
+  const stateRef = (0, import_react.useRef)(
+  // performance: avoid creating object every render
+  void 0);
+  if (!stateRef.current) {
+    stateRef.current = {
+      startedUnhydrated: needsHydration && !isHydrated
+    };
+  }
+  const hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
+  const inputStyle = animationDriver?.inputStyle ?? "css";
+  const outputStyle = animationDriver?.outputStyle ?? "css";
+  const curStateRef = stateRef.current;
+  if (!needsHydration && hasAnimationProp) {
+    curStateRef.hasAnimated = true;
+  }
+  const willBeAnimatedClient = (() => {
+    const next = !!(hasAnimationProp && !isHOC && useAnimations);
+    return Boolean(next || curStateRef.hasAnimated);
+  })();
+  const willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+  if (willBeAnimated && !curStateRef.hasAnimated) {
+    curStateRef.hasAnimated = true;
+  }
   const {
-      disableClassName
-    } = props,
-    presence = !isHOC && willBeAnimated && props.animatePresence !== !1 && animationDriver?.usePresence?.() || null,
-    presenceState = presence?.[2],
-    isExiting = presenceState?.isPresent === !1,
-    isEntering = presenceState?.isPresent === !0 && presenceState.initial !== !1,
-    hasEnterStyle = !!props.enterStyle,
-    hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || !supportsCSS),
-    initialState = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate ||
-    // disableClassName doesnt work server side, only client, so needs hydrate
-    // this is just for a better ux, supports css variables for light/dark, media queries, etc
-    disableClassName) ?
-    // on the very first render we switch all spring animation drivers to css rendering
-    // this is because we need to use css variables, which they don't support to do proper SSR
-    // without flickers of the wrong colors.
-    // but once we do that initial hydration and we are in client side rendering mode,
-    // we can avoid the extra re-render on mount
-    hasEnterStyle || isEntering ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted,
-    disabled = isDisabled(props);
-  disabled != null && (initialState.disabled = disabled);
-  const states = (0, import_react.useState)(initialState),
-    state = props.forceStyle ? {
-      ...states[0],
-      [props.forceStyle]: !0
-    } : states[0],
-    setState = states[1];
+    disableClassName
+  } = props;
+  const presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && animationDriver?.usePresence?.() || null;
+  const presenceState = presence?.[2];
+  const isExiting = presenceState?.isPresent === false;
+  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
+  const hasEnterStyle = !!props.enterStyle;
+  const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || inputStyle !== "css");
+  const canImmediatelyEnter = hasEnterStyle || isEntering;
+  const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate ||
+  // disableClassName doesnt work server side, only client, so needs hydrate
+  // this is just for a better ux, supports css variables for light/dark, media queries, etc
+  disableClassName);
+  const initialState = shouldEnter ?
+  // on the very first render we switch all spring animation drivers to css rendering
+  // this is because we need to use css variables, which they don't support to do proper SSR
+  // without flickers of the wrong colors.
+  // but once we do that initial hydration and we are in client side rendering mode,
+  // we can avoid the extra re-render on mount
+  canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted;
+  const disabled = isDisabled(props);
+  if (disabled != null) {
+    initialState.disabled = disabled;
+  }
+  const states = (0, import_react.useState)(initialState);
+  const state = props.forceStyle ? {
+    ...states[0],
+    [props.forceStyle]: true
+  } : states[0];
+  const setState = states[1];
   let isAnimated = willBeAnimated;
-  import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(_ => ({
-    ...state
-  })));
-  const groupName = props.group,
-    setStateShallow = (0, import_is_equal_shallow.useCreateShallowSetState)(setState, props.debug);
+  if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+    isAnimated = false;
+    curStateRef.willHydrate = true;
+  }
+  if (disabled !== state.disabled) {
+    if (disabled) {
+      Object.assign(state, import_defaultComponentState.defaultComponentStateMounted);
+    }
+    state.disabled = disabled;
+    setState(_ => ({
+      ...state
+    }));
+  }
+  const groupName = props.group;
+  const setStateShallow = (0, import_is_equal_shallow.useCreateShallowSetState)(setState, props.debug);
   if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-    process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+      console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+    }
     const {
       enterVariant,
       exitVariant,
       enterExitVariant,
       custom
     } = presenceState;
-    (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
-    const exv = exitVariant ?? enterExitVariant,
-      env = enterVariant ?? enterExitVariant;
-    state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
+    if ((0, import_isObj.isObj)(custom)) {
+      Object.assign(props, custom);
+    }
+    const exv = exitVariant ?? enterExitVariant;
+    const env = enterVariant ?? enterExitVariant;
+    if (state.unmounted && env && staticConfig.variants[env]) {
+      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+        console.warn(`Animating presence ENTER "${env}"`);
+      }
+      props[env] = true;
+    } else if (isExiting && exv) {
+      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+        console.warn(`Animating presence EXIT "${exv}"`);
+      }
+      props[exv] = exitVariant !== enterExitVariant;
+    }
   }
   let noClass = !import_constants.isWeb || !!props.forceStyle;
-  if (!isHydrated) noClass = !1;else if (import_constants.isWeb && isHydrated) {
-    const isAnimatedAndHydrated = isAnimated && isHydrated,
-      isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted),
-      isDisabledManually = disableClassName && !state.unmounted;
-    // Only disable className for animation drivers that need inline styles
-    (isAnimatedAndHydrated && !animationDriver?.classNameAnimation || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug === "verbose" && (0, import_log.log)("avoiding className", {
-      isAnimatedAndHydrated,
-      isDisabledManually,
-      isClassNameDisabled
-    }));
+  if (!isHydrated) {
+    noClass = false;
+  } else {
+    if (import_constants.isWeb && isHydrated) {
+      const isAnimatedAndHydrated = isAnimated && isHydrated;
+      const isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
+      const isDisabledManually = disableClassName && !state.unmounted;
+      if (
+      // Only disable className for animation drivers that output inline styles (not css)
+      isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
+        noClass = true;
+        if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+          (0, import_log.log)(`avoiding className`, {
+            isAnimatedAndHydrated,
+            isDisabledManually,
+            isClassNameDisabled
+          });
+        }
+      }
+    }
   }
   return {
     startedUnhydrated: curStateRef.startedUnhydrated,
@@ -126,7 +178,8 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
     noClass,
     state,
     stateRef,
-    supportsCSS,
+    inputStyle,
+    outputStyle,
     willBeAnimated,
     willBeAnimatedClient
   };
@@ -134,7 +187,9 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 function hasAnimatedStyleValue(style) {
   return Object.keys(style).some(k => {
     const val = style[k];
-    return val && typeof val == "object" && "_animation" in val;
+    return val && typeof val === "object" && "_animation" in val;
   });
 }
-const isDisabled = props => props.disabled || props.passThrough || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || !1;
+const isDisabled = props => {
+  return props.disabled || props.passThrough || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || false;
+};