@tamagui/core 1.128.1 → 1.129.0

package/dist/native.js

@@ -1320,6 +1320,9 @@ var require_createVariable_native = __commonJS({
       isVariable: function() {
         return isVariable;
       },
+      px: function() {
+        return px;
+      },
       setDidGetVariableValue: function() {
         return setDidGetVariableValue;
       },
@@ -1383,6 +1386,12 @@ var require_createVariable_native = __commonJS({
       var name = (0, import_helpers2.simpleHash)(nameProp, 60);
       return includeVar ? constructCSSVariableName(name) : name;
     };
+    function px(value) {
+      return {
+        val: value,
+        needsPx: !0
+      };
+    }
   }
 });
 
@@ -7939,7 +7948,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
       }
       function styleable(Component2, options) {
-        var _Component_render, isForwardedRefAlready = ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = isForwardedRefAlready ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
+        var _Component_render, isForwardedRefAlready = ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2 || Component2.length === 2, out = isForwardedRefAlready ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component2, {
+            ...props,
+            ref
+          });
+        }), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
         return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
@@ -8215,7 +8229,7 @@ var require_createVariables_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariables_exports);
-    var import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
+    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
       var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
       if (cache.has(tokens)) return tokens;
       var res = {}, i = 0;
@@ -8227,16 +8241,25 @@ var require_createVariables_native = __commonJS({
           continue;
         }
         var niceKey = (0, import_helpers2.simpleHash)(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
+        if (val && typeof val == "object" && "needsPx" in val && "val" in val) {
+          var finalValue = (0, import_createVariable.createVariable)({
+            val: val.val,
+            name,
+            key: keyWithPrefix
+          });
+          import_constants2.isWeb && (finalValue.needsPx = val.needsPx), res[key] = finalValue;
+          continue;
+        }
         if (val && typeof val == "object") {
           res[key] = createVariables(tokens[key], name, !1);
           continue;
         }
-        var finalValue = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({
+        var finalValue1 = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({
           val,
           name,
           key: keyWithPrefix
         });
-        res[key] = finalValue;
+        res[key] = finalValue1;
       }
       return cache.set(res, !0), res;
     };
@@ -8756,6 +8779,14 @@ var require_createTamagui_native = __commonJS({
     });
     module2.exports = __toCommonJS2(createTamagui_exports);
     var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
+    function shouldTokenCategoryHaveUnits(category) {
+      var UNIT_CATEGORIES = /* @__PURE__ */ new Set([
+        "size",
+        "space",
+        "radius"
+      ]);
+      return UNIT_CATEGORIES.has(category);
+    }
     function createTamagui2(configIn) {
       var _configIn_settings;
       if (process.env.NODE_ENV === "test" && globalThis.__tamaguiConfig) return console.warn("Warning: You somehow have duplicate Tamagui dependencies, this can cause issues. Tamagui is working around this by loading a previously loaded config in test mode. "), globalThis.__tamaguiConfig;
@@ -8802,7 +8833,11 @@ var require_createTamagui_native = __commonJS({
           var variable = tokens[key2][skey];
           if (specificTokens[`$${key2}.${skey}`] = variable, process.env.NODE_ENV === "development" && typeof variable > "u") throw new Error(`No value for tokens.${key2}.${skey}:
 ${JSON.stringify(variable, null, 2)}`);
-          import_constants2.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key2 === "zIndex")));
+          if (import_constants2.isWeb) {
+            (0, import_registerCSSVariable.registerCSSVariable)(variable);
+            var variableNeedsPx = variable.needsPx === !0, categoryNeedsPx = shouldTokenCategoryHaveUnits(key2), shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);
+            declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, shouldBeUnitless));
+          }
         }
         if (0) {
           var declarationsToRuleSet;