tamagui 1.129.3 → 1.129.5-1751174117974

package/dist/native.js

@@ -222,7 +222,7 @@ var require_index_native2 = __commonJS({
       if (typeof document > "u") return React4.useMemo(function() {
         return fn();
       }, []);
-      var ref = React4.useRef();
+      var ref = React4.useRef(void 0);
       return ref.current || (ref.current = {
         v: fn()
       }), ref.current.v;
@@ -3190,7 +3190,7 @@ var require_useMedia_native = __commonJS({
       };
     }
     function useMedia3(cc, debug) {
-      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)();
+      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)(null);
       internalRef.current || (internalRef.current = {
         keys: /* @__PURE__ */ new Set()
       });
@@ -3862,57 +3862,6 @@ var require_defaultComponentState_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/helpers/consoleLog.native.js
-var require_consoleLog_native = __commonJS({
-  "../../core/web/dist/cjs/helpers/consoleLog.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, consoleLog_native_exports = {};
-    __export2(consoleLog_native_exports, {
-      groupCollapsed: function() {
-        return groupCollapsed;
-      },
-      groupEnd: function() {
-        return groupEnd;
-      }
-    });
-    module2.exports = __toCommonJS2(consoleLog_native_exports);
-    var groupEnd = function() {
-    }, groupCollapsed = console.info;
-  }
-});
-
 // ../../core/web/dist/cjs/helpers/getShorthandValue.native.js
 var require_getShorthandValue_native = __commonJS({
   "../../core/web/dist/cjs/helpers/getShorthandValue.native.js"(exports2, module2) {
@@ -6445,7 +6394,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_consoleLog = require_consoleLog_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, validStyles, accept) {
       return key in validStyles ? !0 : accept && key in accept;
     }
@@ -6458,7 +6407,7 @@ var require_getSplitStyles_native = __commonJS({
           var accepted = accept[keyInit];
           if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass), "continue";
         }
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_consoleLog.groupEnd)(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
+        if (process.env.NODE_ENV, disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
         if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
           if (keyInit === "group" && !1) var identifier2, containerType, containerCSS;
           return "continue";
@@ -6490,7 +6439,7 @@ var require_getSplitStyles_native = __commonJS({
         if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
         var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
         isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupCollapsed)(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
           isVariant,
           valInit,
           shouldPassProp
@@ -6509,7 +6458,7 @@ var require_getSplitStyles_native = __commonJS({
             viewProps[key4] = val2;
             return;
           }
-          if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)("  \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), (0, import_consoleLog.groupEnd)()), val2 != null && !(key4 in usedKeys)) {
+          if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("  \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), console.groupEnd()), val2 != null && !(key4 in usedKeys)) {
             if (key4 === "pointerEvents") {
               viewProps[key4] = val2;
               return;
@@ -6524,12 +6473,12 @@ var require_getSplitStyles_native = __commonJS({
             }
             var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
             if (shouldPassThrough2) {
-              passDownProp(viewProps, key4, val2, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)(` - passing down prop ${key4}`), (0, import_log.log)({
+              passDownProp(viewProps, key4, val2, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key4}`), (0, import_log.log)({
                 val: val2,
                 after: {
                   ...viewProps[key4]
                 }
-              }), (0, import_consoleLog.groupEnd)());
+              }), console.groupEnd());
               return;
             }
             if (isPseudo) {
@@ -6565,14 +6514,14 @@ var require_getSplitStyles_native = __commonJS({
               }
               if (!shouldDoClasses || isExit || isEnter) {
                 var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-                isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)("pseudo", key4, {
+                isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key4, {
                   isDisabled
                 }), (0, import_log.log)({
                   pseudoStyleObject,
                   isDisabled,
                   descriptor,
                   componentState
-                }), (0, import_consoleLog.groupEnd)());
+                }), console.groupEnd());
                 var importance = descriptor.priority;
                 for (var pkey in pseudoStyleObject) {
                   var _$val = pseudoStyleObject[pkey];
@@ -6724,13 +6673,13 @@ var require_getSplitStyles_native = __commonJS({
             });
           } catch {
           }
-          (0, import_consoleLog.groupEnd)();
+          console.groupEnd();
         }
       };
       conf = conf || (0, import_config.getConfig)();
       var animationDriver = (componentContext == null ? void 0 : componentContext.animationDriver) || conf.animations;
       import_constants4.isWeb && styleProps.isAnimated && animationDriver.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass && !styleProps.isAnimated, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-setup`;
       var styleState = {
         classNames,
@@ -6754,7 +6703,7 @@ var require_getSplitStyles_native = __commonJS({
           }
         }));
       }
-      process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants4.isClient && ((0, import_consoleLog.groupCollapsed)("getSplitStyles (collapsed)"), (0, import_log.log)({
+      process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants4.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -6765,7 +6714,7 @@ var require_getSplitStyles_native = __commonJS({
         theme: {
           ...theme
         }
-      }), (0, import_consoleLog.groupEnd)());
+      }), console.groupEnd());
       var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
       for (var keyOg in props) _loop(keyOg);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`;
@@ -6837,7 +6786,7 @@ var require_getSplitStyles_native = __commonJS({
         var style2 = styleState.style;
         if (0) {
           var _staticConfig_defaultProps, fontFamily, fontFamilyClassName, groupClassName, componentNameFinal, componentClassName, classList, finalClassName;
-          if (!(styleProps.isAnimated && !animationDriver.supportsCSSVars && isReactNative) && isReactNative) {
+          if (!styleProps.isAnimated && isReactNative) {
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
               for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) var name;
@@ -6848,7 +6797,7 @@ var require_getSplitStyles_native = __commonJS({
         } else style2 && (viewProps.style = style2);
       }
       if (process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
-        (0, import_consoleLog.groupCollapsed)("\u{1F539} getSplitStyles ===>");
+        console.groupCollapsed("\u{1F539} getSplitStyles ===>");
         try {
           var logs = {
             ...result,
@@ -6861,7 +6810,7 @@ var require_getSplitStyles_native = __commonJS({
           for (var key3 in logs) (0, import_log.log)(key3, logs[key3]);
         } catch {
         }
-        (0, import_consoleLog.groupEnd)();
+        console.groupEnd();
       }
       return process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-done`, result;
     };
@@ -6919,7 +6868,6 @@ var require_getSplitStyles_native = __commonJS({
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
     }, useInsertEffectCompat = import_constants4.isWeb ? import_react3.default.useInsertionEffect || import_constants4.useIsomorphicLayoutEffect : function() {
     }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k) {
-      conf = conf || (0, import_config.getConfig)();
       var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k);
       return res;
     };
@@ -7107,9 +7055,9 @@ var require_setElementProps_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/helpers/createShallowSetState.native.js
-var require_createShallowSetState_native = __commonJS({
-  "../../core/web/dist/cjs/helpers/createShallowSetState.native.js"(exports2, module2) {
+// ../../core/web/dist/cjs/helpers/useCreateShallowSetState.native.js
+var require_useCreateShallowSetState_native = __commonJS({
+  "../../core/web/dist/cjs/helpers/useCreateShallowSetState.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
@@ -7143,43 +7091,31 @@ var require_createShallowSetState_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, createShallowSetState_exports = {};
-    __export2(createShallowSetState_exports, {
-      createShallowSetState: function() {
-        return createShallowSetState;
-      },
+    }, useCreateShallowSetState_exports = {};
+    __export2(useCreateShallowSetState_exports, {
       isEqualShallow: function() {
         return isEqualShallow;
       },
       mergeIfNotShallowEqual: function() {
         return mergeIfNotShallowEqual;
+      },
+      useCreateShallowSetState: function() {
+        return useCreateShallowSetState;
       }
     });
-    module2.exports = __toCommonJS2(createShallowSetState_exports);
-    var import_react3 = require("react"), callImmediate = function(cb) {
-      return cb();
-    };
-    function createShallowSetState(setter, onlyAllow, transition, debugIn) {
+    module2.exports = __toCommonJS2(useCreateShallowSetState_exports);
+    var import_react3 = require("react");
+    function useCreateShallowSetState(setter, debugIn) {
       return (0, import_react3.useCallback)(function(next) {
-        var wrap = transition ? import_react3.startTransition : callImmediate;
-        wrap(function() {
-          setter(function(prev) {
-            return mergeIfNotShallowEqual(prev, next, onlyAllow, debugIn);
-          });
+        setter(function(prev) {
+          return mergeIfNotShallowEqual(prev, next, debugIn);
         });
       }, [
         setter,
-        onlyAllow ? onlyAllow.join("") : "",
-        transition,
         debugIn
       ]);
     }
-    function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
-      if (onlyAllow) {
-        var allowed = {};
-        for (var key in next) onlyAllow.includes(key) && (allowed[key] = next[key]);
-        next = allowed;
-      }
+    function mergeIfNotShallowEqual(prev, next, debug) {
       if (!prev || !next || isEqualShallow(prev, next)) return prev || next;
       if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", {
         prev,
@@ -7240,7 +7176,7 @@ var require_subscribeToContextGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
-    var import_useMedia = require_useMedia_native(), import_createShallowSetState = require_createShallowSetState_native(), subscribeToContextGroup = function(param) {
+    var import_useMedia = require_useMedia_native(), import_useCreateShallowSetState = require_useCreateShallowSetState_native(), subscribeToContextGroup = function(param) {
       var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
       if (pseudoGroups || mediaGroups) {
         var _componentContext_groups_subscribe, _componentContext_groups;
@@ -7251,7 +7187,7 @@ var require_subscribeToContextGroup_native = __commonJS({
           };
           if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
           else if (layout && mediaGroups) {
-            var mediaState3 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState3);
+            var mediaState3 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_useCreateShallowSetState.mergeIfNotShallowEqual)(current.media || {}, mediaState3);
             next !== current.media && (Object.assign(current.media, next), persist());
           }
           function persist() {
@@ -8083,6 +8019,62 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
+// ../../core/use-did-finish-ssr/dist/cjs/ClientOnly.native.js
+var require_ClientOnly_native = __commonJS({
+  "../../core/use-did-finish-ssr/dist/cjs/ClientOnly.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, ClientOnly_exports = {};
+    __export2(ClientOnly_exports, {
+      ClientOnly: function() {
+        return ClientOnly2;
+      },
+      ClientOnlyContext: function() {
+        return ClientOnlyContext2;
+      }
+    });
+    module2.exports = __toCommonJS2(ClientOnly_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
+      var { children } = param;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ClientOnlyContext2.Provider, {
+        value: !0,
+        children
+      });
+    };
+  }
+});
+
 // ../../core/use-did-finish-ssr/dist/cjs/index.native.js
 var require_index_native13 = __commonJS({
   "../../core/use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
@@ -8133,16 +8125,28 @@ var require_index_native13 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     __export2(index_exports2, {
+      ClientOnly: function() {
+        return import_ClientOnly2.ClientOnly;
+      },
+      ClientOnlyContext: function() {
+        return import_ClientOnly2.ClientOnlyContext;
+      },
       useClientValue: function() {
         return useClientValue;
       },
       useDidFinishSSR: function() {
         return useDidFinishSSR2;
+      },
+      useIsClientOnly: function() {
+        return useIsClientOnly;
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var React4 = __toESM2(require("react"));
+    var React4 = __toESM2(require("react")), import_ClientOnly = require_ClientOnly_native(), import_ClientOnly2 = require_ClientOnly_native(), useIsClientOnly = function() {
+      return React4.useContext(import_ClientOnly.ClientOnlyContext);
+    };
     function useDidFinishSSR2(value) {
+      var clientOnly = React4.useContext(import_ClientOnly.ClientOnlyContext);
       return value ?? !0;
     }
     function useClientValue(value) {
@@ -8195,10 +8199,12 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants4.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_useCreateShallowSetState = require_useCreateShallowSetState_native(), useComponentState = function(props, param, staticConfig, config) {
+      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants4.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
-      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
+      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current;
+      !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
+      var willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
@@ -8218,16 +8224,12 @@ var require_useComponentState_native = __commonJS({
         ...states[0],
         [props.forceStyle]: !0
       } : states[0], setState = states[1], isAnimated = willBeAnimated;
-      import_constants4.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
+      import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function(_) {
+        return {
+          ...state
+        };
       }));
-      var groupName = props.group, setStateShallow = (0, import_createShallowSetState.createShallowSetState)(
-        setState,
-        void 0,
-        // note: allows all state updates even when disabled for the enterStyle animation to work
-        !1,
-        props.debug
-      );
+      var groupName = props.group, setStateShallow = (0, import_useCreateShallowSetState.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)}`);
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
@@ -8235,7 +8237,7 @@ var require_useComponentState_native = __commonJS({
         var 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);
       }
-      var noClass = !import_constants4.isWeb || !!props.forceStyle;
+      var noClass = !import_constants4.isWeb || !!props.forceStyle || isAnimated && (animationDriver == null ? void 0 : animationDriver.needsWebStyles);
       if (import_constants4.isWeb && (!import_constants4.isServer || isHydrated)) {
         var isAnimatedAndHydrated = isAnimated && !supportsCSSVars, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || !state.unmounted), isDisabledManually = disableClassName && !state.unmounted;
         (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
@@ -8264,6 +8266,26 @@ var require_useComponentState_native = __commonJS({
           }
         };
       }
+      if (!curStateRef.stateEmitter && hasAnimationProp) {
+        var listeners1 = /* @__PURE__ */ new Set();
+        curStateRef.stateEmitter = {
+          listeners: listeners1,
+          emit(state2) {
+            listeners1.forEach(function(l) {
+              return l(state2);
+            });
+          },
+          subscribe(cb) {
+            return listeners1.add(cb), setStateShallow({
+              hasDynGroupChildren: !0
+            }), function() {
+              listeners1.delete(cb), listeners1.size === 0 && setStateShallow({
+                hasDynGroupChildren: !1
+              });
+            };
+          }
+        };
+      }
       return {
         startedUnhydrated,
         curStateRef,
@@ -8513,7 +8535,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_consoleLog = require_consoleLog_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -8627,10 +8649,14 @@ var require_createComponent_native = __commonJS({
         }, [
           componentName2
         ]);
-        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config);
+        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState, setStateShallow = componentState.setStateShallow;
         process.env.NODE_ENV === "development" && time2 && time2`use-state`;
         var hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants4.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
-        animationDriver && isAnimated && (elementType = animationDriver[isText ? "Text" : "View"] || elementType);
+        animationDriver && isAnimated && // this should really be behind another prop as it's not really related to
+        // "needsWebStyles" basically with motion we just animate a plain div, but
+        // we still have animated.View/Text for Sheet which wants to control
+        // things declaratively
+        !animationDriver.needsWebStyles && (elementType = animationDriver[isText ? "Text" : "View"] || elementType);
         var disableThemeProp = !1, disableTheme = disableThemeProp || isHOC;
         process.env.NODE_ENV === "development" && time2 && time2`theme-props`, props.themeShallow && (curStateRef.themeShallow = !0);
         var themeStateProps = {
@@ -8642,7 +8668,7 @@ var require_createComponent_native = __commonJS({
         if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.needsUpdate = function() {
           return !!stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
+          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `<${name} /> ${internalID} ${dataIs ? ` ${dataIs}` : ""} ${type.trim()}`;
           if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants4.isServer) (0, import_log.log)({
             noClass,
             isAnimated,
@@ -8650,9 +8676,9 @@ var require_createComponent_native = __commonJS({
             supportsCSSVars
           });
           else {
-            (0, import_consoleLog.groupEnd)();
+            console.groupEnd();
             var ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
-            childLog.length && (childLog = `(children: ${childLog})`), (0, import_consoleLog.groupCollapsed)(`${childLog} Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
+            childLog.length && (childLog = `(children: ${childLog})`), console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
               state,
               staticConfig,
               elementType,
@@ -8666,7 +8692,7 @@ var require_createComponent_native = __commonJS({
               isHOC,
               hasAnimationProp,
               useAnimations
-            }), (0, import_consoleLog.groupEnd)();
+            }), console.groupEnd();
           }
         }
         process.env.NODE_ENV === "development" && time2 && time2`pre-theme-media`;
@@ -8684,10 +8710,30 @@ var require_createComponent_native = __commonJS({
           isExiting,
           isAnimated,
           willBeAnimated,
-          styledContextProps
+          styledContextProps,
+          noMergeStyle: isAnimated && (animationDriver == null ? void 0 : animationDriver.needsWebStyles)
         }, themeName = (themeState == null ? void 0 : themeState.name) || "";
         process.env.NODE_ENV === "development" && time2 && time2`split-styles-prepare`;
         var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
+        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
+          var styleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
+          setStateShallow = function(next) {
+            var avoidReRenderKeys = /* @__PURE__ */ new Set([
+              "hover",
+              "press",
+              "pressIn"
+            ]), canAvoidReRender = Object.keys(next).every(function(key3) {
+              return avoidReRenderKeys.has(key3);
+            });
+            if (canAvoidReRender) {
+              var updatedState = {
+                ...state,
+                ...next
+              }, nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
+              styleListener(nextStyles.style);
+            } else ogSetStateShallow(next);
+          };
+        }
         if (process.env.NODE_ENV === "development" && time2 && time2`split-styles`, props.group && props.untilMeasured === "hide" && !curStateRef.hasMeasured) {
           var _splitStyles;
           (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
@@ -8726,10 +8772,15 @@ var require_createComponent_native = __commonJS({
           (supportsCSSVars ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
         );
         if (shouldUseAnimation) {
-          var animations = useAnimations({
+          var useStyleEmitter = animationDriver != null && animationDriver.avoidReRenders ? function(listener) {
+            stateRef.current.useStyleListener = listener;
+          } : void 0, animations = useAnimations({
             props: propsWithAnimation,
             // if hydrating, send empty style
             style: splitStylesStyle || {},
+            // @ts-ignore
+            styleState: splitStyles,
+            useStyleEmitter,
             presence,
             componentState: state,
             styleProps,
@@ -8738,7 +8789,7 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)), process.env.NODE_ENV === "development" && time2 && time2`animations`;
+          animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)), process.env.NODE_ENV === "development" && time2 && time2`animations`;
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
@@ -8772,7 +8823,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               }
               return styleObject;
             }, cssStyleDeclarationToObject = cssStyleDeclarationToObject2, computed = cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host));
-            (0, import_consoleLog.groupCollapsed)(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), (0, import_consoleLog.groupEnd)();
+            console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), console.groupEnd();
           }
         }), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
           if (state.unmounted === !0 && hasEnterStyle) {
@@ -8988,7 +9039,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (process.env.NODE_ENV === "development" && time2 && time2`context-override`, process.env.NODE_ENV === "development" && time2 && time2`style-tags`, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
           if (import_constants4.isWeb) {
-            (0, import_consoleLog.groupCollapsed)(title);
+            console.groupCollapsed(title);
             try {
               (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
                 propsIn,
@@ -9019,7 +9070,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               });
             } catch {
             } finally {
-              (0, import_consoleLog.groupEnd)();
+              console.groupEnd();
             }
           } else {
             (0, import_log.log)(title), (0, import_log.log)("state: ", state), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
@@ -10305,9 +10356,9 @@ var require_styled_native = __commonJS({
     });
     module2.exports = __toCommonJS2(styled_exports);
     var import_createComponent = require_createComponent_native(), import_mergeVariants = require_mergeVariants_native(), import_setupReactNative = require_setupReactNative_native();
-    function styled8(ComponentIn, options, staticExtractionOptions) {
+    function styled8(ComponentIn, options, config) {
       if (process.env.NODE_ENV !== "production" && !ComponentIn) throw new Error("No component given to styled()");
-      var parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), isNonStyledHOC = (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC), Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = parentStaticConfig ? void 0 : (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions != null && staticExtractionOptions.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative), staticConfigProps = function() {
+      var parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), isNonStyledHOC = (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC), Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = parentStaticConfig ? void 0 : (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || config != null && config.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative), staticConfigProps = function() {
         var { variants, name, defaultVariants, acceptsClassName: acceptsClassNameProp, context, ...defaultProps } = options || {}, parentDefaultVariants, parentDefaultProps;
         if (parentStaticConfig) {
           var avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
@@ -10326,9 +10377,9 @@ var require_styled_native = __commonJS({
           ...defaultProps,
           ...defaultVariants
         }), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
-        var isText = !!(staticExtractionOptions != null && staticExtractionOptions.isText || parentStaticConfig != null && parentStaticConfig.isText), _staticExtractionOptions_acceptsClassName, _ref, acceptsClassName = (_ref = (_staticExtractionOptions_acceptsClassName = staticExtractionOptions == null ? void 0 : staticExtractionOptions.acceptsClassName) !== null && _staticExtractionOptions_acceptsClassName !== void 0 ? _staticExtractionOptions_acceptsClassName : acceptsClassNameProp) !== null && _ref !== void 0 ? _ref : isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName), conf = {
+        var isText = !!(config != null && config.isText || parentStaticConfig != null && parentStaticConfig.isText), _config_acceptsClassName, _ref, acceptsClassName = (_ref = (_config_acceptsClassName = config == null ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : acceptsClassNameProp) !== null && _ref !== void 0 ? _ref : isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName), conf = {
           ...parentStaticConfig,
-          ...staticExtractionOptions,
+          ...config,
           ...!isPlainStyledComponent && {
             Component
           },
@@ -11371,13 +11422,13 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native(), listeners = /* @__PURE__ */ new Set(), didRender = !1;
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), listeners = /* @__PURE__ */ new Set(), didRender = !1;
     function ___onDidFinishClientRender(cb) {
       didRender ? cb() : listeners.add(cb);
     }
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      return (0, import_react3.useEffect)(function() {
+      (0, import_react3.useEffect)(function() {
         return listeners.forEach(function(cb) {
           return cb();
         }), didRender = !0, function() {
@@ -11395,21 +11446,25 @@ var require_TamaguiProvider_native = __commonJS({
         disableInjectCSS
       ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         (0, import_useMedia.updateMediaListeners)();
-      }, []), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+      }, []);
+      var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+          animationDriver: config == null ? void 0 : config.animations,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, {
+            themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+            disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+            reset,
+            className,
+            children
+          })
+        })
+      });
+      return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_use_did_finish_ssr.ClientOnly, {
+        children: contents
+      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
-              animationDriver: config == null ? void 0 : config.animations,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, {
-                themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
-                disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
-                defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-                reset,
-                className,
-                children
-              })
-            })
-          }),
+          contents,
           !1
         ]
       });
@@ -11485,12 +11540,14 @@ var require_Configuration_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Configuration_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration2 = function(props) {
-      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native13(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration2 = function(props) {
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), clientOnly = (0, import_react3.useContext)(import_use_did_finish_ssr.ClientOnlyContext), children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
         ...current,
         ...props
       });
+      return clientOnly ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_use_did_finish_ssr.ClientOnly, {
+        children
+      }) : children;
     };
     Configuration2.displayName = "Configuration";
   }
@@ -11614,7 +11671,7 @@ var require_index_native14 = __commonJS({
     __reExport2(index_exports2, require_withStableStyle_native(), module2.exports);
     __reExport2(index_exports2, require_createMediaStyle_native(), module2.exports);
     __reExport2(index_exports2, require_getShorthandValue_native(), module2.exports);
-    __reExport2(index_exports2, require_createShallowSetState_native(), module2.exports);
+    __reExport2(index_exports2, require_useCreateShallowSetState_native(), module2.exports);
     __reExport2(index_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(index_exports2, require_expandStyles_native(), module2.exports);
     __reExport2(index_exports2, require_getExpandedShorthands_native(), module2.exports);
@@ -14229,11 +14286,11 @@ var require_Collection_native = __commonJS({
     function createCollection(name) {
       var { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: {
-          current: null
+          current: void 0
         },
         itemMap: /* @__PURE__ */ new Map()
       }), CollectionProvider = function(props) {
-        var { __scopeCollection, children } = props, ref = import_react3.default.useRef(null), itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
+        var { __scopeCollection, children } = props, ref = import_react3.default.useRef(void 0), itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollectionProviderImpl, {
           scope: __scopeCollection,
           itemMap,
@@ -14251,7 +14308,7 @@ var require_Collection_native = __commonJS({
       });
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       var ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-collection-item", CollectionItemSlot = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
-        var { __scopeCollection, children, ...itemData } = props, ref = import_react3.default.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(__scopeCollection);
+        var { __scopeCollection, children, ...itemData } = props, ref = import_react3.default.useRef(void 0), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(__scopeCollection);
         return import_react3.default.useEffect(function() {
           return context.itemMap.set(ref, {
             ref,
@@ -16575,10 +16632,9 @@ var require_GorhomPortal_native = __commonJS({
       });
     });
     function PortalHostWeb(props) {
-      var [mounted, setMounted] = (0, import_react3.useState)(!1);
       return (0, import_react3.useEffect)(function() {
-        return setMounted(!0), function() {
-          setMounted(!1), import_constants22.allPortalHosts.delete(props.name);
+        return function() {
+          import_constants22.allPortalHosts.delete(props.name);
         };
       }, [
         props.name
@@ -16587,7 +16643,7 @@ var require_GorhomPortal_native = __commonJS({
           display: "contents"
         },
         ref: function(node) {
-          if (node && mounted) {
+          if (node) {
             var _portalListeners_props_name;
             import_constants22.allPortalHosts.set(props.name, node), (_portalListeners_props_name = import_constants22.portalListeners[props.name]) === null || _portalListeners_props_name === void 0 || _portalListeners_props_name.forEach(function(x) {
               return x(node);
@@ -18284,7 +18340,7 @@ var require_nativeSheet_native = __commonJS({
     function setupNativeSheet(platform2, RNIOSModal) {
       var { ModalSheetView, ModalSheetViewMainContent } = RNIOSModal;
       platform2 === "ios" && (nativeSheets[platform2] = function(props) {
-        var state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), { open, setOpen } = state, ref = (0, import_react3.useRef)();
+        var state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), { open, setOpen } = state, ref = (0, import_react3.useRef)(void 0);
         (0, import_react3.useEffect)(function() {
           if (open) {
             var _ref_current;
@@ -18515,7 +18571,7 @@ var require_SheetImplementationCustom_native = __commonJS({
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
-      }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)(), animationConfig = function() {
+      }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(void 0), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)(), animationConfig = function() {
         if (animationDriver.supportsCSSVars) return {};
         var [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [
           animation
@@ -18573,7 +18629,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         }
       });
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (hasntMeasured && screenSize) {
+        if (hasntMeasured && screenSize && frameSize) {
           at.current = screenSize, animatedNumber.setValue(screenSize, {
             type: "timing",
             duration: 0
@@ -18736,10 +18792,9 @@ var require_SheetImplementationCustom_native = __commonJS({
               ref,
               ...panResponder == null ? void 0 : panResponder.panHandlers,
               onLayout: handleAnimationViewLayout,
-              ...!isDragging && {
-                // @ts-ignore for CSS driver this is necessary to attach the transition
-                animation: disableAnimation ? null : animation
-              },
+              // @ts-ignore for CSS driver this is necessary to attach the transition
+              // also motion driver at least though i suspect all drivers?
+              animation: isDragging || disableAnimation ? null : animation,
               // @ts-ignore
               disableClassName: !0,
               style: [
@@ -19967,7 +20022,10 @@ var require_Dialog_native = __commonJS({
         }
       });
     }), DialogContentImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      var { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(
+        // TODO react 19 type workaround
+        void 0
+      ), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isAdapted = (0, import_adapt.useAdaptIsActive)();
       if (isAdapted) return !import_constants4.isWeb && !context.open ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
         children: contentProps.children
       });
@@ -20497,7 +20555,10 @@ var require_AlertDialog_native = __commonJS({
       try {
         for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
           var child = _step.value;
-          /* @__PURE__ */ React4.isValidElement(child) && onChild(child) && child.props.children && forEachChildDeep(React4.Children.toArray(child.props.children), onChild);
+          if (/* @__PURE__ */ React4.isValidElement(child) && onChild(child)) {
+            var childProps = child.props;
+            childProps.children && forEachChildDeep(React4.Children.toArray(childProps.children), onChild);
+          }
         }
       } catch (err) {
         _didIteratorError = !0, _iteratorError = err;
@@ -20825,6 +20886,8 @@ var require_Square_native = __commonJS({
           ":number": import_getShapeSize.getShapeSize
         }
       }
+    }, {
+      memo: !0
     });
   }
 });
@@ -22197,7 +22260,7 @@ var require_focusableInputHOC_native = __commonJS({
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
     var import_compose_refs = require_index_native11(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
     function useFocusable2(param) {
-      var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(), focusAndSelect = import_react3.default.useCallback(function(input) {
+      var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(void 0), focusAndSelect = import_react3.default.useCallback(function(input) {
         input.focus(), input.setSelection && typeof inputValue.current == "string" && input.setSelection(0, inputValue.current.length);
       }, []), registerFocusableHandler = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
@@ -23494,7 +23557,7 @@ var require_Group_native = __commonJS({
     }
     var GroupItem = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
       var { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem({
-        disabled: /* @__PURE__ */ import_react3.default.isValidElement(children) ? children.props.disabled : void 0
+        disabled: /* @__PURE__ */ import_react3.default.isValidElement(children) ? children.props.disabled : !1
       }, forcePlacement, __scopeGroup);
       return !/* @__PURE__ */ import_react3.default.isValidElement(children) || children.type === import_react3.default.Fragment ? children : /* @__PURE__ */ import_react3.default.cloneElement(children, groupItemProps);
     }), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
@@ -25023,7 +25086,7 @@ var require_Popover_native = __commonJS({
       Sheet: import_sheet.Sheet.Controlled,
       FocusScope: import_focus_scope.FocusScopeController
     }), PopoverInner = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(void 0), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
         defaultProp: defaultOpen || !1,
         onChange: function(val) {
@@ -25037,7 +25100,7 @@ var require_Popover_native = __commonJS({
         disable: isAdapted,
         hoverable,
         disableFocus
-      }), [anchorTo, setAnchorToRaw] = React4.useState(), setAnchorTo = (0, import_core12.createShallowSetState)(setAnchorToRaw);
+      }), [anchorTo, setAnchorToRaw] = React4.useState(), setAnchorTo = (0, import_core12.useCreateShallowSetState)(setAnchorToRaw);
       React4.useImperativeHandle(forwardedRef, function() {
         return {
           anchorTo: setAnchorTo,
@@ -26979,7 +27042,7 @@ var require_SelectItemText_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React4.useRef();
+      var { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React4.useRef(null);
       return contents.current = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemTextFrame, {
         className,
         size: itemParentContext.size,
@@ -27503,7 +27566,7 @@ var require_Select_native = __commonJS({
       FocusScope: import_focus_scope.FocusScopeController
     });
     function useEmitter() {
-      var listeners = React4.useRef();
+      var listeners = React4.useRef(null);
       listeners.current || (listeners.current = /* @__PURE__ */ new Set());
       var emit = function(value) {
         listeners.current.forEach(function(l) {
@@ -28122,7 +28185,7 @@ var require_Slider_native = __commonJS({
           size: 0,
           offset: 0
         };
-      }), setState = (0, import_core12.createShallowSetState)(setState_);
+      }), setState = (0, import_core12.useCreateShallowSetState)(setState_);
       function getValueFromPointer(pointerPosition) {
         var input = [
           0,
@@ -28220,7 +28283,7 @@ var require_Slider_native = __commonJS({
           size: 0,
           offset: 0
         };
-      }), setState = (0, import_core12.createShallowSetState)(setState_), sliderRef = React4.useRef(null);
+      }), setState = (0, import_core12.useCreateShallowSetState)(setState_), sliderRef = React4.useRef(null);
       function getValueFromPointer(pointerPosition) {
         var input = [
           0,
@@ -28985,6 +29048,7 @@ var require_createSwitch_native = __commonJS({
             checked,
             setChecked
           ],
+          // @ts-ignore TODO tamagui react 19 type error
           forwardedRef
         );
         React4.useEffect(function() {