@tamagui/web 2.0.0-rc.9 → 2.0.0

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getCSSStylesAtomic_exports = {};
 __export(getCSSStylesAtomic_exports, {
@@ -25,26 +27,37 @@ __export(getCSSStylesAtomic_exports, {
   styleToCSS: () => styleToCSS
 });
 module.exports = __toCommonJS(getCSSStylesAtomic_exports);
-var import_helpers = require("@tamagui/helpers"),
-  import_config = require("../config.cjs"),
-  import_useMedia = require("../hooks/useMedia.cjs"),
-  import_defaultOffset = require("./defaultOffset.cjs"),
-  import_normalizeColor = require("./normalizeColor.cjs"),
-  import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs"),
-  import_pseudoDescriptors = require("./pseudoDescriptors.cjs"),
-  import_transformsToString = require("./transformsToString.cjs");
+var import_helpers = require("@tamagui/helpers");
+var import_config = require("../config.cjs");
+var import_useMedia = require("../hooks/useMedia.cjs");
+var import_defaultOffset = require("./defaultOffset.cjs");
+var import_normalizeColor = require("./normalizeColor.cjs");
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
+var import_pseudoDescriptors = require("./pseudoDescriptors.cjs");
+var import_transformsToString = require("./transformsToString.cjs");
 function getCSSStylesAtomic(style) {
   styleToCSS(style);
   const out = [];
   for (const key in style) {
     if (key === "$$css") continue;
     const val = style[key];
-    if (key in import_pseudoDescriptors.pseudoDescriptors) val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));else if ((0, import_useMedia.isMediaKey)(key)) for (const subKey in val) {
-      const so = getStyleObject(val, subKey);
-      so && (so[0] = key, out.push(so));
+    if (key in import_pseudoDescriptors.pseudoDescriptors) {
+      if (val) {
+        out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
+      }
+    } else if ((0, import_useMedia.isMediaKey)(key)) {
+      for (const subKey in val) {
+        const so = getStyleObject(val, subKey);
+        if (so) {
+          so[0] = key;
+          out.push(so);
+        }
+      }
     } else {
       const so = getStyleObject(style, key);
-      so && out.push(so);
+      if (so) {
+        out.push(so);
+      }
     }
   }
   return out;
@@ -54,7 +67,9 @@ const getStyleAtomic = (style, pseudo) => {
   const out = [];
   for (const key in style) {
     const so = getStyleObject(style, key, pseudo);
-    so && out.push(so);
+    if (so) {
+      out.push(so);
+    }
   }
   return out;
 };
@@ -62,13 +77,19 @@ let conf = null;
 const getStyleObject = (style, key, pseudo) => {
   let val = style[key];
   if (val == null) return;
-  key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
-  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key),
-    hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`),
-    pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  if (key === "transform" && Array.isArray(style.transform)) {
+    val = (0, import_transformsToString.transformsToString)(val);
+  }
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
+  const hash = (0, import_helpers.simpleHash)(typeof value === "string" ? value : `${value}`);
+  const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
   conf ||= (0, import_config.getConfigMaybe)();
-  const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`,
-    rules = createAtomicRules(identifier, key, value, pseudo);
+  const shortProp = conf?.inverseShorthands[key] || key;
+  let identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+  if (key === "pointerEvents" && !pseudo) {
+    if (value === "box-none") identifier = "_pe-boxnone";else if (value === "box-only") identifier = "_pe-boxonly";
+  }
+  const rules = createAtomicRules(identifier, key, value, pseudo);
   return [
   // array for performance
   key, value, identifier, pseudo?.name, rules];
@@ -81,16 +102,19 @@ function styleToCSS(style) {
     shadowOpacity
   } = style;
   if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {
-    const offset = shadowOffset || import_defaultOffset.defaultOffset,
-      width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width),
-      height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height),
-      radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius),
-      color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity);
+    const offset = shadowOffset || import_defaultOffset.defaultOffset;
+    const width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width);
+    const height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height);
+    const radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius);
+    const color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity);
     if (color) {
       const shadow = `${width} ${height} ${radius} ${color}`;
       style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
     }
-    delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+    delete style.shadowOffset;
+    delete style.shadowRadius;
+    delete style.shadowColor;
+    delete style.shadowOpacity;
   }
   const {
     textShadowColor,
@@ -99,46 +123,53 @@ function styleToCSS(style) {
   } = style;
   if (textShadowColor || textShadowOffset || textShadowRadius) {
     const {
-        height,
-        width
-      } = textShadowOffset || import_defaultOffset.defaultOffset,
-      radius = textShadowRadius || 0,
-      color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+      height,
+      width
+    } = textShadowOffset || import_defaultOffset.defaultOffset;
+    const radius = textShadowRadius || 0;
+    const color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
     if (color && (height !== 0 || width !== 0 || radius !== 0)) {
-      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius),
-        offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width),
-        offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius);
+      const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
+      const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
       style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
     }
-    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+    delete style.textShadowColor;
+    delete style.textShadowOffset;
+    delete style.textShadowRadius;
   }
 }
-function createDeclarationBlock(style, important = !1) {
+function createDeclarationBlock(style, important = false) {
   let next = "";
-  for (const [key, value] of style) next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  for (const [key, value] of style) {
+    next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  }
   return `{${next}}`;
 }
-const hcache = {},
-  toHyphenLower = match => `-${match.toLowerCase()}`,
-  hyphenateStyleName = key => {
-    if (key in hcache) return hcache[key];
-    const val = key.replace(/[A-Z]/g, toHyphenLower);
-    return hcache[key] = val, val;
-  },
-  selectorPriority = (() => {
-    const res = {};
-    for (const key in import_pseudoDescriptors.pseudoDescriptors) {
-      const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
-      res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
-    }
-    return res;
-  })();
+const hcache = {};
+const toHyphenLower = match => `-${match.toLowerCase()}`;
+const hyphenateStyleName = key => {
+  if (key in hcache) return hcache[key];
+  const val = key.replace(/[A-Z]/g, toHyphenLower);
+  hcache[key] = val;
+  return val;
+};
+const selectorPriority = (() => {
+  const res = {};
+  for (const key in import_pseudoDescriptors.pseudoDescriptors) {
+    const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+  }
+  return res;
+})();
 function createAtomicRules(identifier, property, value, pseudo) {
-  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "",
-    pseudoSelector = pseudo?.selector,
-    cls = property in import_helpers.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
+  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? `[aria-disabled]` : `:${pseudo.name}` : "";
+  const pseudoSelector = pseudo?.selector;
+  const cls = property in import_helpers.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
   let selector = pseudo ? pseudoSelector ? `${pseudoSelector} ${cls}` : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}` : `:root ${cls}`;
-  pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  if (pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector) {
+    selector = `${selector}, .${identifier}${pseudoSelector}`;
+  }
   const important = !!pseudo;
   let rules = [];
   switch (property) {
@@ -153,8 +184,9 @@ function createAtomicRules(identifier, property, value, pseudo) {
     case "backgroundClip":
     case "userSelect":
       {
-        const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`,
-          block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
+        const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
+        const webkitProperty = `Webkit${propertyCapitalized}`;
+        const block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -162,8 +194,12 @@ function createAtomicRules(identifier, property, value, pseudo) {
     case "pointerEvents":
       {
         let finalValue = value;
-        value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
-        const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
+        if (value === "auto" || value === "box-only") {
+          finalValue = "auto";
+        } else if (value === "none" || value === "box-none") {
+          finalValue = "none";
+        }
+        const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -174,7 +210,8 @@ function createAtomicRules(identifier, property, value, pseudo) {
         break;
       }
   }
-  return pseudo?.name === "hover" && (rules = rules.map(r => `@media (hover) {${r}}`)), rules;
-}
-const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0),
-  boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
+  if (pseudo?.name === "hover") {
+    rules = rules.map(r => `@media (hover) {${r}}`);
+  }
+  return rules;
+}

package/dist/cjs/helpers/getCSSStylesAtomic.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getCSSStylesAtomic_native_exports = {};
 __export(getCSSStylesAtomic_native_exports, {
@@ -28,9 +30,9 @@ __export(getCSSStylesAtomic_native_exports, {
 });
 module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
 var empty = function () {
-    console.warn("no-op native");
-  },
-  getCSSStylesAtomic = empty,
-  getStyleAtomic = empty,
-  styleToCSS = empty;
+  console.warn("no-op native");
+};
+var getCSSStylesAtomic = empty;
+var getStyleAtomic = empty;
+var styleToCSS = empty;
 //# sourceMappingURL=getCSSStylesAtomic.native.js.map

package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getCSSStylesAtomic_native_exports","__export","getCSSStylesAtomic","getStyleAtomic","styleToCSS","module","exports","__toCommonJS","empty","console","warn"],"sources":["../../../src/helpers/getCSSStylesAtomic.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,iCAAA;AAAA,IAAIQ,KAAA,GAAQ,SAAAA,CAAA,EAAW;IACnBC,OAAA,CAAQC,IAAA,CAAK,cAAc;EAC/B;EACWR,kBAAA,GAAqBM,KAAA;EACrBL,cAAA,GAAiBK,KAAA;EACjBJ,UAAA,GAAaI,KAAA","ignoreList":[]}
+{"version":3,"names":["getCSSStylesAtomic_native_exports","__export","getCSSStylesAtomic","getStyleAtomic","styleToCSS","module","exports","__toCommonJS","empty","console","warn"],"sources":["../../../src/helpers/getCSSStylesAtomic.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,iCAAA;AAAA,IAAIQ,KAAA,GAAQ,SAAAA,CAAA,EAAW;EACnBC,OAAA,CAAQC,IAAA,CAAK,cAAc;AAC/B;AACO,IAAIR,kBAAA,GAAqBM,KAAA;AACzB,IAAIL,cAAA,GAAiBK,KAAA;AACrB,IAAIJ,UAAA,GAAaI,KAAA","ignoreList":[]}

package/dist/cjs/helpers/getDefaultProps.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getDefaultProps_exports = {};
 __export(getDefaultProps_exports, {
@@ -24,21 +26,18 @@ __export(getDefaultProps_exports, {
 });
 module.exports = __toCommonJS(getDefaultProps_exports);
 var import_config = require("../config.cjs");
-const getDefaultProps = (staticConfig, propsComponentName, isSubText) => {
+const getDefaultProps = (staticConfig, propsComponentName) => {
   let defaultProps = staticConfig?.defaultProps;
-  const conf = (0, import_config.getConfig)(),
-    name = propsComponentName || staticConfig?.componentName || (
-    // important: this is how we end up getting the defaultProps we set in createTamagui
-    staticConfig.isText ? "Text" : "View"),
-    userDefaultProps = conf?.defaultProps?.[name];
-  if (userDefaultProps && (defaultProps = {
-    ...userDefaultProps,
-    ...defaultProps
-  }), isSubText) {
-    const hasExplicitFontFamily = staticConfig?.defaultProps?.fontFamily;
-    defaultProps = {
+  const conf = (0, import_config.getConfig)();
+  const name = propsComponentName || staticConfig?.componentName || (
+  // important: this is how we end up getting the defaultProps we set in createTamagui
+  staticConfig.isText ? "Text" : "View");
+  const userDefaultProps = conf?.defaultProps?.[name];
+  if (userDefaultProps) {
+    defaultProps = defaultProps ? {
+      ...userDefaultProps,
       ...defaultProps
-    }, hasExplicitFontFamily || (defaultProps.fontFamily = "inherit"), defaultProps.color || (defaultProps.color = "inherit"), defaultProps.whiteSpace === "pre-wrap" && (defaultProps.whiteSpace = "inherit"), defaultProps.wordWrap === "break-word" && (defaultProps.wordWrap = "inherit");
+    } : userDefaultProps;
   }
   return defaultProps;
 };

package/dist/cjs/helpers/getDefaultProps.native.js

@@ -5,39 +5,43 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getDefaultProps_exports = {};
 __export(getDefaultProps_exports, {
   getDefaultProps: () => getDefaultProps
 });
 module.exports = __toCommonJS(getDefaultProps_exports);
-var import_config = require("../config.native.js"),
-  getDefaultProps = function (staticConfig, propsComponentName, isSubText) {
-    var _conf_defaultProps,
-      defaultProps = staticConfig?.defaultProps,
-      conf = (0, import_config.getConfig)(),
-      name = propsComponentName || staticConfig?.componentName || (
-      // important: this is how we end up getting the defaultProps we set in createTamagui
-      staticConfig.isText ? "Text" : "View"),
-      userDefaultProps = conf == null || (_conf_defaultProps = conf.defaultProps) === null || _conf_defaultProps === void 0 ? void 0 : _conf_defaultProps[name];
-    if (userDefaultProps && (defaultProps = {
+var import_config = require("../config.native.js");
+var getDefaultProps = function (staticConfig, propsComponentName) {
+  var _conf_defaultProps;
+  var defaultProps = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.defaultProps;
+  var conf = (0, import_config.getConfig)();
+  var name = propsComponentName || (staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.componentName) || (
+  // important: this is how we end up getting the defaultProps we set in createTamagui
+  staticConfig.isText ? "Text" : "View");
+  var userDefaultProps = conf === null || conf === void 0 ? void 0 : (_conf_defaultProps = conf.defaultProps) === null || _conf_defaultProps === void 0 ? void 0 : _conf_defaultProps[name];
+  if (userDefaultProps) {
+    defaultProps = defaultProps ? {
       ...userDefaultProps,
       ...defaultProps
-    }), 0) var _staticConfig_defaultProps, hasExplicitFontFamily;
-    return defaultProps;
-  };
+    } : userDefaultProps;
+  }
+  return defaultProps;
+};
 //# sourceMappingURL=getDefaultProps.native.js.map

package/dist/cjs/helpers/getDefaultProps.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getDefaultProps_exports","__export","getDefaultProps","module","exports","import_config","require","staticConfig","propsComponentName","isSubText","_conf_defaultProps","defaultProps","conf","getConfig","name","componentName","isText","userDefaultProps","_staticConfig_defaultProps","hasExplicitFontFamily"],"sources":["../../../src/helpers/getDefaultProps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,uBAAA;AAInB,IAAAK,aAAM,GAAAC,OACX,sBACA;EAAAJ,eAAA,GACA,SAAAA,CAAAK,YACG,EAAAC,kBAAA,EAAAC,SAAA;IACH,IAAIC,kBAAe;MAAAC,YAAc,GAAAJ,YAAA,EAAAI,YAAA;MAAAC,IAAA,OAAAP,aAAA,CAAAQ,SAAA;MAAAC,IAAA,GAAAN,kBAAA,IAAAD,YAAA,EAAAQ,aAAA;MAAA;MAEjCR,YAAM,CAAAS,MAAO;MAAAC,gBAEX,GAAAL,IAAA,YACA,CAAAF,kBAAc,GAAAE,IAAA,CAAAD,YAAA,cAAAD,kBAAA,uBAAAA,kBAAA,CAAAI,IAAA;IAAA,IAEbG,gBAAa,KAASN,YAAS;MASlC,GALIM,gBAAA;MASF,GAAAN;IACA,OAKF,IAAAO,0BAAA,EAAAC,qBAAA;IAEA,OAAOR,YAAA;EACT","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getDefaultProps_exports","__export","getDefaultProps","module","exports","import_config","require","staticConfig","propsComponentName","_conf_defaultProps","defaultProps","conf","getConfig","name","componentName","isText","userDefaultProps"],"sources":["../../../src/helpers/getDefaultProps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,uBAAA;AAInB,IAAAK,aAAM,GAAAC,OACX,sBACA;AAEA,IAAAJ,eAAI,GAAe,SAAAA,CAAAK,YAAc,EAAAC,kBAAA;EAEjC,IAAAC,kBAAa;EACb,IAAAC,YACE,GAAAH,YAAA,KACA,QAAAA,YAAc,uBAAAA,YAAA,CAAAG,YAAA;EAAA,IAEbC,IAAA,OAAaN,aAAS,CAAAO,SAAS;EAElC,IAAAC,IAAM,GAAAL,kBAAmB,KAAMD,YAAe,KAAI,QAAAA,YAAA,uBAAAA,YAAA,CAAAO,aAAA;EAAA;EAElDP,YAAI,CAAAQ,MAAA,GAAkB;EAEpB,IAAAC,gBAAe,GAAAL,IAAA,KACX,IAAE,IAAGA,IAAA,WAAkB,GAAG,UAAAF,kBAC1B,GAAAE,IAAA,CAAAD,YAAA,cAAAD,kBAAA,uBAAAA,kBAAA,CAAAI,IAAA;EACN,IAAAG,gBAAA;IAEAN,YAAO,GAAAA,YAAA;MACT,GAAAM,gBAAA","ignoreList":[]}

package/dist/cjs/helpers/getDynamicVal.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getDynamicVal_exports = {};
 __export(getDynamicVal_exports, {
@@ -30,24 +32,24 @@ function getOppositeScheme(scheme) {
   return scheme === "dark" ? "light" : "dark";
 }
 const colorStyleKeys = {
-  backgroundColor: !0,
-  borderColor: !0,
-  borderTopColor: !0,
-  borderRightColor: !0,
-  borderBottomColor: !0,
-  borderLeftColor: !0,
-  borderBlockColor: !0,
-  borderBlockEndColor: !0,
-  borderBlockStartColor: !0,
-  color: !0,
-  shadowColor: !0,
-  textDecorationColor: !0,
-  textShadowColor: !0,
-  tintColor: !0,
-  outlineColor: !0
+  backgroundColor: true,
+  borderColor: true,
+  borderTopColor: true,
+  borderRightColor: true,
+  borderBottomColor: true,
+  borderLeftColor: true,
+  borderBlockColor: true,
+  borderBlockEndColor: true,
+  borderBlockStartColor: true,
+  color: true,
+  shadowColor: true,
+  textDecorationColor: true,
+  textShadowColor: true,
+  tintColor: true,
+  outlineColor: true
 };
 function isColorStyleKey(key) {
-  return colorStyleKeys[key] === !0;
+  return colorStyleKeys[key] === true;
 }
 function getDynamicVal({
   scheme,
@@ -63,5 +65,8 @@ function getDynamicVal({
   };
 }
 function extractValueFromDynamic(val, scheme) {
-  return val?.dynamic ? val.dynamic[scheme] : val;
+  if (val?.["dynamic"]) {
+    return val["dynamic"][scheme];
+  }
+  return val;
 }