@tamagui/core 1.80.4 → 1.81.0

package/dist/native.js

@@ -1704,7 +1704,7 @@ var require_objectIdentityKey_native = __commonJS({
       for (let key in obj) {
         k += key;
         let arg = obj[key], type = typeof arg;
-        if (!arg || type !== "object")
+        if (!arg || type !== "object" && type !== "function")
           k += type + arg;
         else if (cache.has(arg))
           k += cache.get(arg);
@@ -1743,16 +1743,22 @@ var require_createStyledContext_native = __commonJS({
         scope,
         ...values
       }) => {
-        let value = (0, import_react3.useMemo)(() => ({
+        let current;
+        try {
+          current = useStyledContext(scope);
+        } catch {
+        }
+        let next = (0, import_react3.useMemo)(() => ({
           // this ! is a workaround for ts error
           ...defaultValues,
+          ...current,
           ...values
-        }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]), Provider2 = OGProvider;
+        }), [(0, import_objectIdentityKey.objectIdentityKey)(values), current]), Provider2 = OGProvider;
         if (scope) {
           let ScopedContext = scopedContexts.get(scope);
           ScopedContext || (ScopedContext = (0, import_react3.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider2 = ScopedContext.Provider;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value: next, children });
       }, useStyledContext = (scope) => {
         let context = scope ? scopedContexts.get(scope) : OGContext;
         return (0, import_react3.useContext)(context);
@@ -3482,37 +3488,43 @@ var require_propMapper_native = __commonJS({
       fontSize: "size",
       fontWeight: "weight"
     }, lastFontFamilyToken = null, getTokenForKey = (key, value, resolveAs = "none", styleState) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (resolveAs === "none")
         return value;
-      let { theme, conf = (0, import_config.getConfig)(), context, fontFamily } = styleState, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1;
+      let { theme, conf = (0, import_config.getConfig)(), context, fontFamily, staticConfig } = styleState, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1;
       if (theme && value in theme)
         valOrVar = theme[value], process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info(` - resolving ${key} to theme value ${value}: ${(_a = valOrVar == null ? void 0 : valOrVar.get) == null ? void 0 : _a.call(valOrVar)}`), hasSet = !0;
       else if (value in conf.specificTokens)
         hasSet = !0, valOrVar = conf.specificTokens[value];
       else {
-        switch (key) {
-          case "fontFamily": {
-            valOrVar = ((_b = (context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[value]) == null ? void 0 : _b.family) || value, lastFontFamilyToken = value, hasSet = !0;
-            break;
-          }
-          case "fontSize":
-          case "lineHeight":
-          case "letterSpacing":
-          case "fontWeight": {
-            let defaultFont = conf.defaultFont || "$body", fam = fontFamily || defaultFont;
-            if (fam) {
-              let fontsParsed = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed, font = fontsParsed[fam] || fontsParsed[defaultFont];
-              valOrVar = ((_c = font == null ? void 0 : font[fontShorthand[key] || key]) == null ? void 0 : _c[value]) || value, hasSet = !0;
+        let customTokenAccept = (_b = staticConfig == null ? void 0 : staticConfig.acceptTokens) == null ? void 0 : _b[key];
+        if (customTokenAccept) {
+          let val = tokensParsed[customTokenAccept][value];
+          val && (valOrVar = val, hasSet = !0);
+        } else {
+          switch (key) {
+            case "fontFamily": {
+              valOrVar = ((_c = (context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[value]) == null ? void 0 : _c.family) || value, lastFontFamilyToken = value, hasSet = !0;
+              break;
+            }
+            case "fontSize":
+            case "lineHeight":
+            case "letterSpacing":
+            case "fontWeight": {
+              let defaultFont = conf.defaultFont || "$body", fam = fontFamily || defaultFont;
+              if (fam) {
+                let fontsParsed = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed, font = fontsParsed[fam] || fontsParsed[defaultFont];
+                valOrVar = ((_d = font == null ? void 0 : font[fontShorthand[key] || key]) == null ? void 0 : _d[value]) || value, hasSet = !0;
+              }
+              break;
             }
-            break;
           }
+          for (let cat in import_helpers.tokenCategories)
+            if (key in import_helpers.tokenCategories[cat]) {
+              let res = tokensParsed[cat][value];
+              res != null && (valOrVar = res, hasSet = !0);
+            }
         }
-        for (let cat in import_helpers.tokenCategories)
-          if (key in import_helpers.tokenCategories[cat]) {
-            let res = tokensParsed[cat][value];
-            res != null && (valOrVar = res, hasSet = !0);
-          }
         if (!hasSet) {
           let spaceVar = tokensParsed.space[value];
           spaceVar != null && (valOrVar = spaceVar, hasSet = !0);
@@ -3558,7 +3570,12 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), 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_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 = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
+    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), 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_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;
+    }
+    var getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
       conf = conf || (0, import_config.getConfig)(), import_constants3.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       let { shorthands } = conf, {
@@ -3570,7 +3587,7 @@ var require_getSplitStyles_native = __commonJS({
         inlineWhenUnflattened,
         parentStaticConfig,
         acceptsClassName
-      } = staticConfig, validStyleProps = isText ? import_helpers.stylePropsText : import_helpers.validStyles, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants3.isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, style = {}, className = "", mediaStylesSeen = 0, styleState = {
+      } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants3.isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, style = {}, className = "", mediaStylesSeen = 0, styleState = {
         curProps: { ...props },
         classNames,
         conf,
@@ -3598,7 +3615,7 @@ var require_getSplitStyles_native = __commonJS({
         let keyInit = keyOg, valInit = props[keyOg];
         if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !isHOC)
           continue;
-        let valInitType = typeof valInit;
+        let valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
         if (styleState.curProps[keyInit] = valInit, !import_constants3.isAndroid && keyInit === "elevationAndroid")
           continue;
         if (keyInit === "userSelect")
@@ -3647,7 +3664,7 @@ var require_getSplitStyles_native = __commonJS({
             case "accessibilityRequired":
             default:
           }
-        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo), isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
+        let isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo), isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
@@ -3868,7 +3885,7 @@ current`, {
               if (
                 // is HOC we can just pass through the styles as props
                 // this fixes issues where style prop got merged with wrong priority
-                !isHOC && (key in validStyleProps || import_constants3.isAndroid && key === "elevation")
+                !isHOC && (isValidStyleKey(key, staticConfig) || import_constants3.isAndroid && key === "elevation")
               ) {
                 mergeStyle(styleState, key, val);
                 continue;
@@ -6529,7 +6546,6 @@ var require_Text_native = __commonJS({
           }
         }
       },
-      deoptProps: /* @__PURE__ */ new Set(["ellipse"]),
       validStyles: {
         ...import_helpers.validStyles,
         ...import_helpers.stylePropsTextOnly