@tamagui/core 1.86.1 → 1.86.3

package/dist/native.js

@@ -2819,6 +2819,27 @@ var require_createMediaStyle_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/defaultOffset.native.js
+var require_defaultOffset_native = __commonJS({
+  "../web/dist/cjs/helpers/defaultOffset.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), defaultOffset_exports = {};
+    __export2(defaultOffset_exports, {
+      defaultOffset: () => defaultOffset
+    });
+    module2.exports = __toCommonJS2(defaultOffset_exports);
+    var defaultOffset = { height: 0, width: 0 };
+  }
+});
+
 // ../../node_modules/@react-native/normalize-color/index.js
 var require_normalize_color = __commonJS({
   "../../node_modules/@react-native/normalize-color/index.js"(exports2, module2) {
@@ -3287,7 +3308,7 @@ var require_index_native7 = __commonJS({
     module2.exports = __toCommonJS2(src_exports2);
     var normalizeColor = __toESM2(require_normalize_color()), norm = normalizeColor.default || normalizeColor, normalizeCSSColor = norm;
     function rgba2(colorInt) {
-      var r = Math.round((colorInt & 4278190080) >>> 24), g = Math.round((colorInt & 16711680) >>> 16), b = Math.round((colorInt & 65280) >>> 8), a = ((colorInt & 255) >>> 0) / 255;
+      let r = Math.round((colorInt & 4278190080) >>> 24), g = Math.round((colorInt & 16711680) >>> 16), b = Math.round((colorInt & 65280) >>> 8), a = ((colorInt & 255) >>> 0) / 255;
       return {
         r,
         g,
@@ -3299,27 +3320,6 @@ var require_index_native7 = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/defaultOffset.native.js
-var require_defaultOffset_native = __commonJS({
-  "../web/dist/cjs/helpers/defaultOffset.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), defaultOffset_exports = {};
-    __export2(defaultOffset_exports, {
-      defaultOffset: () => defaultOffset
-    });
-    module2.exports = __toCommonJS2(defaultOffset_exports);
-    var defaultOffset = { height: 0, width: 0 };
-  }
-});
-
 // ../web/dist/cjs/helpers/normalizeColor.native.js
 var require_normalizeColor_native = __commonJS({
   "../web/dist/cjs/helpers/normalizeColor.native.js"(exports2, module2) {
@@ -3334,6 +3334,7 @@ var require_normalizeColor_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeColor_exports = {};
     __export2(normalizeColor_exports, {
+      getRgba: () => getRgba,
       normalizeColor: () => normalizeColor,
       rgba: () => import_normalize_css_color2.rgba
     });
@@ -3343,65 +3344,17 @@ var require_normalizeColor_native = __commonJS({
         return;
       if (color[0] === "$" || color.startsWith("var("))
         return color;
-      let colorProcessed = (0, import_normalize_css_color.normalizeCSSColor)(color);
-      if (colorProcessed != null) {
-        let { r, g, b, a } = (0, import_normalize_css_color.rgba)(colorProcessed), alpha = (opacity ?? a ?? 1).toFixed(2);
-        return `rgba(${r},${g},${b},${alpha})`;
+      let rgba3 = getRgba(color);
+      if (rgba3) {
+        let colors = `${rgba3.r},${rgba3.g},${rgba3.b}`;
+        return opacity === 1 ? `rgb(${colors})` : `rgba(${colors},${opacity ?? rgba3.a ?? 1})`;
       }
-      process.env.NODE_ENV === "development" && console.warn(`Unknown color value: ${color}`);
-    };
-  }
-});
-
-// ../web/dist/cjs/helpers/normalizeValueWithProperty.native.js
-var require_normalizeValueWithProperty_native = __commonJS({
-  "../web/dist/cjs/helpers/normalizeValueWithProperty.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeValueWithProperty_exports = {};
-    __export2(normalizeValueWithProperty_exports, {
-      normalizeValueWithProperty: () => normalizeValueWithProperty,
-      reverseMapClassNameToValue: () => reverseMapClassNameToValue
-    });
-    module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
-      ...import_helpers.stylePropsAll,
-      translateX: !0,
-      translateY: !0
+      return color;
+    }, getRgba = (color) => {
+      let colorNum = (0, import_normalize_css_color.normalizeCSSColor)(color);
+      if (colorNum != null)
+        return (0, import_normalize_css_color.rgba)(colorNum);
     };
-    function normalizeValueWithProperty(value, property) {
-      if (!import_constants.isWeb || typeof value == "boolean" || property && property in import_helpers.stylePropsUnitless || property && !(property in stylePropsAllPlusTransforms))
-        return value;
-      let res = value;
-      return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
-    }
-    var rcache = {};
-    function reverseMapClassNameToValue(key, className) {
-      let cssRule = (0, import_insertStyleRule.getAllSelectors)()[className];
-      if (rcache[cssRule])
-        return rcache[cssRule];
-      if (!cssRule) {
-        process.env.NODE_ENV === "development" && console.warn(
-          `No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`
-        );
-        return;
-      }
-      let cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
-      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && Number.isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
-        res,
-        cssVal,
-        cssRule,
-        key,
-        className
-      }), res;
-    }
   }
 });
 
@@ -3417,30 +3370,28 @@ var require_normalizeShadow_native = __commonJS({
         for (let key of __getOwnPropNames2(from))
           !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeShadow_native_exports = {};
-    __export2(normalizeShadow_native_exports, {
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeShadow_exports = {};
+    __export2(normalizeShadow_exports, {
       normalizeShadow: () => normalizeShadow
     });
-    module2.exports = __toCommonJS2(normalizeShadow_native_exports);
-    var import_normalize_css_color = require_index_native7(), import_defaultOffset = require_defaultOffset_native(), import_normalizeColor = require_normalizeColor_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native();
+    module2.exports = __toCommonJS2(normalizeShadow_exports);
+    var import_defaultOffset = require_defaultOffset_native(), import_normalizeColor = require_normalizeColor_native();
     function normalizeShadow({
       shadowColor,
       shadowOffset,
       shadowOpacity,
       shadowRadius
     }) {
-      let { height, width } = shadowOffset || import_defaultOffset.defaultOffset, colorStr = String(shadowColor || "black"), val = (0, import_normalize_css_color.normalizeCSSColor)(colorStr);
-      if (typeof val != "number")
-        throw new Error(`invalid shadow color ${colorStr}`);
-      let { r, g, b, a } = (0, import_normalizeColor.rgba)(val);
+      var _a;
+      let { height, width } = shadowOffset || import_defaultOffset.defaultOffset;
       return {
         shadowOffset: {
-          width: (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width || 0),
-          height: (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height || 0)
+          width: width || 0,
+          height: height || 0
         },
-        shadowRadius: (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius || 0),
-        shadowColor: `rgb(${r},${g},${b})`,
-        shadowOpacity: shadowOpacity ?? a
+        shadowRadius: shadowRadius || 0,
+        shadowColor: (0, import_normalizeColor.normalizeColor)(shadowColor, 1),
+        shadowOpacity: shadowOpacity ?? (shadowColor ? (_a = (0, import_normalizeColor.getRgba)(shadowColor)) == null ? void 0 : _a.a : 1)
       };
     }
   }
@@ -3529,6 +3480,58 @@ var require_log_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/normalizeValueWithProperty.native.js
+var require_normalizeValueWithProperty_native = __commonJS({
+  "../web/dist/cjs/helpers/normalizeValueWithProperty.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeValueWithProperty_exports = {};
+    __export2(normalizeValueWithProperty_exports, {
+      normalizeValueWithProperty: () => normalizeValueWithProperty,
+      reverseMapClassNameToValue: () => reverseMapClassNameToValue
+    });
+    module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
+    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
+      ...import_helpers.stylePropsAll,
+      translateX: !0,
+      translateY: !0
+    };
+    function normalizeValueWithProperty(value, property = "") {
+      if (!import_constants.isWeb || import_helpers.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean")
+        return value;
+      let res = value;
+      return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
+    }
+    var rcache = {};
+    function reverseMapClassNameToValue(key, className) {
+      let cssRule = (0, import_insertStyleRule.getAllSelectors)()[className];
+      if (rcache[cssRule])
+        return rcache[cssRule];
+      if (!cssRule) {
+        process.env.NODE_ENV === "development" && console.warn(
+          `No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`
+        );
+        return;
+      }
+      let cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
+      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && Number.isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
+        res,
+        cssVal,
+        cssRule,
+        key,
+        className
+      }), res;
+    }
+  }
+});
+
 // ../web/dist/cjs/helpers/expandStyle.native.js
 var require_expandStyle_native = __commonJS({
   "../web/dist/cjs/helpers/expandStyle.native.js"(exports2, module2) {
@@ -3588,9 +3591,30 @@ var require_expandStyle_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/expandStylesAndRemoveNullishValues.native.js
-var require_expandStylesAndRemoveNullishValues_native = __commonJS({
-  "../web/dist/cjs/helpers/expandStylesAndRemoveNullishValues.native.js"(exports2, module2) {
+// ../web/dist/cjs/helpers/isObj.native.js
+var require_isObj_native = __commonJS({
+  "../web/dist/cjs/helpers/isObj.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), isObj_exports = {};
+    __export2(isObj_exports, {
+      isObj: () => isObj
+    });
+    module2.exports = __toCommonJS2(isObj_exports);
+    var isObj = (x) => x && !Array.isArray(x) && typeof x == "object";
+  }
+});
+
+// ../web/dist/cjs/helpers/normalizeStyle.native.js
+var require_normalizeStyle_native = __commonJS({
+  "../web/dist/cjs/helpers/normalizeStyle.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
       for (var name in all)
@@ -3600,20 +3624,21 @@ var require_expandStylesAndRemoveNullishValues_native = __commonJS({
         for (let key of __getOwnPropNames2(from))
           !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), expandStylesAndRemoveNullishValues_exports = {};
-    __export2(expandStylesAndRemoveNullishValues_exports, {
-      expandStylesAndRemoveNullishValues: () => expandStylesAndRemoveNullishValues
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), normalizeStyle_exports = {};
+    __export2(normalizeStyle_exports, {
+      normalizeStyle: () => normalizeStyle
     });
-    module2.exports = __toCommonJS2(expandStylesAndRemoveNullishValues_exports);
-    var import_expandStyle = require_expandStyle_native(), import_expandStyles = require_expandStyles_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_pseudoDescriptors = require_pseudoDescriptors_native();
-    function expandStylesAndRemoveNullishValues(style, disableNormalize = !1) {
+    module2.exports = __toCommonJS2(normalizeStyle_exports);
+    var import_expandStyle = require_expandStyle_native(), import_expandStyles = require_expandStyles_native(), import_isObj = require_isObj_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_pseudoDescriptors = require_pseudoDescriptors_native();
+    function normalizeStyle(style, disableNormalize = !1) {
       let res = {};
       for (let key in style) {
         let prop = style[key];
         if (prop == null)
           continue;
-        if (key in import_pseudoDescriptors.pseudoDescriptors) {
-          res[key] = expandStylesAndRemoveNullishValues(prop, disableNormalize);
+        if (key in import_pseudoDescriptors.pseudoDescriptors || // this should capture all parent-based styles like media, group, etc
+        key[0] === "$" && (0, import_isObj.isObj)(prop)) {
+          res[key] = normalizeStyle(prop, disableNormalize);
           continue;
         }
         let value = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value);
@@ -3689,27 +3714,6 @@ var require_getVariantExtras_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/isObj.native.js
-var require_isObj_native = __commonJS({
-  "../web/dist/cjs/helpers/isObj.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), isObj_exports = {};
-    __export2(isObj_exports, {
-      isObj: () => isObj
-    });
-    module2.exports = __toCommonJS2(isObj_exports);
-    var isObj = (x) => x && !Array.isArray(x) && typeof x == "object";
-  }
-});
-
 // ../web/dist/cjs/helpers/propMapper.native.js
 var require_propMapper_native = __commonJS({
   "../web/dist/cjs/helpers/propMapper.native.js"(exports2, module2) {
@@ -3730,7 +3734,7 @@ var require_propMapper_native = __commonJS({
       propMapper: () => propMapper
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStylesAndRemoveNullishValues = require_expandStylesAndRemoveNullishValues_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
+    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       var _a;
       if (lastFontFamilyToken = null, !import_constants.isAndroid && key === "elevationAndroid")
         return;
@@ -3799,10 +3803,7 @@ var require_propMapper_native = __commonJS({
         );
       }
       if (variantValue) {
-        let expanded = (0, import_expandStylesAndRemoveNullishValues.expandStylesAndRemoveNullishValues)(
-          variantValue,
-          !!styleProps.noNormalize
-        );
+        let expanded = (0, import_normalizeStyle.normalizeStyle)(variantValue, !!styleProps.noNormalize);
         process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   expanding styles from ", variantValue, "to", expanded);
         let next = Object.entries(expanded);
         return fontFamilyResult && fontFamilyResult[0] === "$" && fontFamilyCache.set(next, (0, import_createVariable.getVariableValue)(fontFamilyResult)), next;
@@ -3975,8 +3976,7 @@ var require_getSplitStyles_native = __commonJS({
     module2.exports = __toCommonJS2(getSplitStyles_exports);
     var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
-      let validStyleProps = staticConfig.validStyles ?? (staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles);
-      return key in validStyleProps || staticConfig.acceptTokens && key in staticConfig.acceptTokens;
+      return (staticConfig.validStyles || (staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || staticConfig.acceptTokens && staticConfig.acceptTokens[key];
     }
     var getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
@@ -4074,7 +4074,7 @@ var require_getSplitStyles_native = __commonJS({
         let shouldPassProp = !isStyleProp || // is in parent variants
         isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
-          `\u{1F539}\u{1F539}\u{1F539}\u{1F539} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""} \u{1F539}\u{1F539}\u{1F539}\u{1F539}`
+          `  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
         ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
           variants,
           variant: variants == null ? void 0 : variants[keyInit],
@@ -4327,7 +4327,7 @@ current`, {
         process.env.NODE_ENV === "development" && debug && debug !== "profile" && (0, import_log.log)(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
       }
       if (className && (classNames.className = className), process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
-        console.groupCollapsed("  \u{1F539} ===>");
+        console.groupCollapsed("\u{1F539} getSplitStyles ===>");
         try {
           let logs = {
             ...result,
@@ -6744,7 +6744,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(src_exports2, require_expandStyles_native(), module2.exports);
     __reExport2(src_exports2, require_createMediaStyle_native(), module2.exports);
-    __reExport2(src_exports2, require_expandStylesAndRemoveNullishValues_native(), module2.exports);
+    __reExport2(src_exports2, require_normalizeStyle_native(), module2.exports);
     __reExport2(src_exports2, require_propMapper_native(), module2.exports);
     __reExport2(src_exports2, require_getExpandedShorthands_native(), module2.exports);
     __reExport2(src_exports2, require_getSplitStyles_native(), module2.exports);