@tamagui/core 1.105.5 → 1.105.7

package/dist/native.js

@@ -2477,6 +2477,9 @@ var require_insertStyleRule_native = __commonJS({
       scanAllSheets: function() {
         return scanAllSheets;
       },
+      setNonce: function() {
+        return setNonce2;
+      },
       shouldInsertStyleRules: function() {
         return shouldInsertStyleRules;
       },
@@ -2753,12 +2756,20 @@ var require_insertStyleRule_native = __commonJS({
     var getIdentifierFromTamaguiSelector = function(selector) {
       var dotIndex = selector.indexOf(":");
       return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
-    }, sheet = import_constants.isClient && document.head ? document.head.appendChild(document.createElement("style")).sheet : null;
+    }, sheet = null;
     function updateRules(identifier, rules) {
       if (!process.env.TAMAGUI_REACT_19) return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
     }
+    var nonce = "";
+    function setNonce2(_) {
+      nonce = _;
+    }
     function insertStyleRules(rulesToInsert) {
       if (!process.env.TAMAGUI_REACT_19) {
+        if (!sheet && import_constants.isClient && document.head) {
+          var styleTag = document.createElement("style");
+          nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
+        }
         if (!sheet) return;
         for (var key in rulesToInsert) {
           var styleObject = rulesToInsert[key], identifier = styleObject[import_helpers.StyleObjectIdentifier];
@@ -5327,18 +5338,22 @@ var require_createMediaStyle_native = __commonJS({
     }
     var MEDIA_SEP = "_", prefixes = null, selectors = null, groupPseudoToPseudoCSSMap = {
       press: "active"
-    }, createMediaStyle = function(styleObject, mediaKeyIn, mediaQueries, type, negate, priority) {
-      var _styleObject = _sliced_to_array(styleObject, 5), property = _styleObject[0], _value = _styleObject[1], identifier = _styleObject[2], _pseudo = _styleObject[3], rules = _styleObject[4], conf = (0, import_config.getConfig)(), enableMediaPropOrder = conf.settings.mediaPropOrder, isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = "".concat(ogPrefix).concat(MEDIA_SEP).concat(mediaKeyIn.replace("-", "")).concat(negKey).concat(MEDIA_SEP), styleRule = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map(function(rule) {
+    }, specifities = new Array(5).fill(0).map(function(_, i) {
+      return new Array(i).fill(":root").join("");
+    }), createMediaStyle = function(styleObject, mediaKeyIn, mediaQueries, type, negate, priority) {
+      var _styleObject = _sliced_to_array(styleObject, 5), property = _styleObject[0], _value = _styleObject[1], identifier = _styleObject[2], _pseudo = _styleObject[3], rules = _styleObject[4], conf = (0, import_config.getConfig)(), enableMediaPropOrder = conf.settings.mediaPropOrder, isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = "".concat(ogPrefix).concat(MEDIA_SEP).concat(mediaKeyIn.replace("-", "")).concat(negKey).concat(MEDIA_SEP), styleRule = "", groupPriority = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map(function(rule) {
         return rule.replace(identifier, nextIdentifier);
-      }).join(";");
+      }).join(";"), isHover = !1;
       if (isNonWindowMedia) {
-        var precedenceImportancePrefix = new Array((priority || 0) + (isGroup ? 1 : 0)).fill(":root").join("");
+        var specificity = (priority || 0) + (isGroup ? 1 : 0);
         if (isTheme || isGroup) {
-          var groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo == null ? void 0 : groupInfo.name;
-          groupMediaKey = groupInfo == null ? void 0 : groupInfo.media, isGroup && (containerName = mediaName);
-          var name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = (0, import_config.getSetting)("themeClassNameOnRoot") && isTheme ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? ":".concat(pseudoSelectorName) : "", presedencePrefix = ":root".concat(precedenceImportancePrefix).concat(precedenceSpace), mediaSelector = ".t_".concat(name).concat(pseudoSelector), nextSelector = "".concat(presedencePrefix).concat(mediaSelector, " ").concat(selector.replace(":root", ""));
+          var _getGroupPropParts = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), name = _getGroupPropParts.name, media = _getGroupPropParts.media, pseudo = _getGroupPropParts.pseudo;
+          groupMediaKey = media, isGroup && (containerName = name);
+          var groupClassName = (isGroup ? "group_" : "") + name, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = (0, import_config.getSetting)("themeClassNameOnRoot") && isTheme ? "" : " ", pseudoSelectorName = pseudo ? groupPseudoToPseudoCSSMap[pseudo] || pseudo : void 0;
+          pseudo === "press" && (specificity += 2), pseudo === "hover" && (isHover = !0);
+          var pseudoSelector = pseudoSelectorName ? ":".concat(pseudoSelectorName) : "", presedencePrefix = ":root".concat(specifities[specificity]).concat(precedenceSpace), mediaSelector = ".t_".concat(groupClassName).concat(pseudoSelector), nextSelector = "".concat(presedencePrefix).concat(mediaSelector, " ").concat(selector.replace(":root", ""));
           styleRule = styleInner.replace(selector, nextSelector);
-        } else styleRule = "".concat(precedenceImportancePrefix).concat(styleInner);
+        } else styleRule = "".concat(specifities[specificity]).concat(styleInner);
       }
       if (!isNonWindowMedia || groupMediaKey) {
         if (!selectors) {
@@ -5355,16 +5370,16 @@ var require_createMediaStyle_native = __commonJS({
             ];
           })));
         }
-        var mediaKey = groupMediaKey || mediaKeyIn, mediaSelector1 = selectors[mediaKey], screenStr = negate ? "not all and " : "", mediaQuery = "".concat(screenStr).concat(mediaSelector1), precedenceImportancePrefix1 = groupMediaKey ? "" : enableMediaPropOrder ? (
+        var mediaKey = groupMediaKey || mediaKeyIn, mediaSelector1 = selectors[mediaKey], screenStr = negate ? "not all and " : "", mediaQuery = "".concat(screenStr).concat(mediaSelector1), precedenceImportancePrefix = groupMediaKey ? groupPriority : enableMediaPropOrder && priority ? (
           // this new array should be cached
-          new Array(priority).fill(":root").join("")
+          specifities[priority]
         ) : (
           // @ts-ignore
           prefixes[mediaKey]
         ), prefix = groupMediaKey ? "@container ".concat(containerName) : "@media";
-        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", " and ".concat(mediaQuery, " {")).replace("and screen and", "and") : styleRule = "".concat(prefix, " ").concat(mediaQuery, "{").concat(precedenceImportancePrefix1).concat(styleInner, "}"), groupMediaKey && (styleRule = "@supports (contain: ".concat(conf.settings.webContainerType || "inline-size", ") {").concat(styleRule, "}"));
+        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", " and ".concat(mediaQuery, " {")).replace("and screen and", "and") : styleRule = "".concat(prefix, " ").concat(mediaQuery, "{").concat(precedenceImportancePrefix).concat(styleInner, "}"), groupMediaKey && (styleRule = "@supports (contain: ".concat(conf.settings.webContainerType || "inline-size", ") {").concat(styleRule, "}"));
       }
-      return [
+      return isHover && (styleRule = "@media (hover:hover){".concat(styleRule, "}")), [
         property,
         void 0,
         nextIdentifier,
@@ -8601,7 +8616,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_log = require_log_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -8654,8 +8669,9 @@ var require_Theme_native = __commonJS({
     function getThemedChildren(themeState, children, props) {
       var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, themeManager = themeState.themeManager, isNewTheme = themeState.isNewTheme;
       if (!themeManager) throw new Error(process.env.NODE_ENV === "development" ? "\u274C No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes." : "\u274C 005");
-      var shallow = props.shallow, forceClassName = props.forceClassName, shouldRenderChildrenWithTheme = isNewTheme || "inverse" in props || "name" in props || stateRef.current.hasEverThemed || isRoot;
+      var shallow = props.shallow, forceClassName = props.forceClassName, shouldRenderChildrenWithTheme = isNewTheme || isRoot || stateRef.current.hasEverThemed || typeof props.inverse == "boolean";
       if (shouldRenderChildrenWithTheme && (stateRef.current.hasEverThemed = !0), !shouldRenderChildrenWithTheme) return children;
+      process.env.NODE_ENV === "development" && shouldRenderChildrenWithTheme && props.debug && (0, import_log.log)("adding theme: isRoot ".concat(isRoot, ", inverse ").concat("inverse" in props, ", isNewTheme ").concat(isNewTheme, ", hasEver ").concat(stateRef.current.hasEverThemed), props);
       var next = children;
       shallow && (next = import_react3.Children.toArray(children).map(function(child) {
         return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, {
@@ -9533,7 +9549,11 @@ var require_createComponent_native = __commonJS({
       var shouldAvoidClasses = !import_constants.isWeb;
       if (import_constants.isWeb) {
         var disableClassName = props.disableClassName, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
-        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0);
+        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
+          isAnimatedAndHydrated,
+          isDisabledManually,
+          isClassNameDisabled
+        }));
       }
       var groupName = props.group;
       if (groupName && !curStateRef.group) {
@@ -11567,7 +11587,7 @@ var require_styled_native = __commonJS({
             }
           }
           (parentDefaultProps || defaultVariants || parentDefaultVariants) && (defaultProps = _object_spread2({}, parentDefaultProps, parentDefaultVariants, defaultProps, defaultVariants)), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
-          var isText = !!(staticExtractionOptions != null && staticExtractionOptions.isText || parentStaticConfig != null && parentStaticConfig.isText), acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName)), conf = _object_spread_props(_object_spread2(_object_spread_props(_object_spread2({}, parentStaticConfig, staticExtractionOptions, !isPlainStyledComponent && {
+          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 = _object_spread_props(_object_spread2(_object_spread_props(_object_spread2({}, parentStaticConfig, staticExtractionOptions, !isPlainStyledComponent && {
             Component
           }), {
             // @ts-expect-error
@@ -13309,6 +13329,9 @@ var require_index_native9 = __commonJS({
       mediaState: function() {
         return import_useMedia.mediaState;
       },
+      setNonce: function() {
+        return import_insertStyleRule.setNonce;
+      },
       setupDev: function() {
         return import_config.setupDev;
       },
@@ -13333,7 +13356,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_styled_native(), module2.exports);
     __reExport2(src_exports2, require_setupReactNative_native(), module2.exports);
     __reExport2(src_exports2, require_GetRef_native(), module2.exports);
-    var import_config = require_config_native();
+    var import_config = require_config_native(), import_insertStyleRule = require_insertStyleRule_native();
     __reExport2(src_exports2, require_constants_native2(), module2.exports);
     __reExport2(src_exports2, require_ComponentContext_native(), module2.exports);
     __reExport2(src_exports2, require_withStableStyle_native(), module2.exports);