@tamagui/core 1.97.1 → 1.98.1

package/dist/native.js

@@ -1720,7 +1720,13 @@ var require_validStyleProps_native = __commonJS({
         minWidth: !0,
         minHeight: !0,
         maxWidth: !0,
-        maxHeight: !0
+        maxHeight: !0,
+        blockSize: !0,
+        minBlockSize: !0,
+        maxBlockSize: !0,
+        inlineSize: !0,
+        minInlineSize: !0,
+        maxInlineSize: !0
       },
       zIndex: {
         zIndex: !0
@@ -1732,6 +1738,9 @@ var require_validStyleProps_native = __commonJS({
         borderBlockEndColor: !0,
         borderBlockColor: !0,
         borderBottomColor: !0,
+        borderInlineColor: !0,
+        borderInlineStartColor: !0,
+        borderInlineEndColor: !0,
         borderTopColor: !0,
         borderLeftColor: !0,
         borderRightColor: !0,
@@ -1797,7 +1806,19 @@ var require_validStyleProps_native = __commonJS({
         borderBottomWidth: !0,
         borderLeftWidth: !0,
         borderRightWidth: !0,
+        borderBlockWidth: !0,
+        borderBlockEndWidth: !0,
+        borderBlockStartWidth: !0,
+        borderInlineWidth: !0,
+        borderInlineEndWidth: !0,
+        borderInlineStartWidth: !0,
         borderStyle: !0,
+        borderBlockStyle: !0,
+        borderBlockEndStyle: !0,
+        borderBlockStartStyle: !0,
+        borderInlineStyle: !0,
+        borderInlineEndStyle: !0,
+        borderInlineStartStyle: !0,
         borderTopEndRadius: !0,
         borderTopStartRadius: !0,
         borderTopWidth: !0,
@@ -1821,11 +1842,12 @@ var require_validStyleProps_native = __commonJS({
         justifyContent: !0,
         left: !0,
         margin: !0,
+        marginBlock: !0,
         marginBlockEnd: !0,
         marginBlockStart: !0,
-        marginInlineEnd: !0,
         marginInline: !0,
         marginInlineStart: !0,
+        marginInlineEnd: !0,
         marginBottom: !0,
         marginEnd: !0,
         marginHorizontal: !0,
@@ -1853,6 +1875,13 @@ var require_validStyleProps_native = __commonJS({
         right: !0,
         start: !0,
         top: !0,
+        inset: !0,
+        insetBlock: !0,
+        insetBlockEnd: !0,
+        insetBlockStart: !0,
+        insetInline: !0,
+        insetInlineEnd: !0,
+        insetInlineStart: !0,
         direction: !0,
         shadowOffset: !0,
         shadowRadius: !0
@@ -1883,7 +1912,10 @@ var require_validStyleProps_native = __commonJS({
         textDecorationStyle: !0
       }), textColors), {
         textShadowOffset: !0,
-        textShadowRadius: !0
+        textShadowRadius: !0,
+        userSelect: !0,
+        selectable: !0,
+        verticalAlign: !0
       }),
       // allow some web only ones
       !1
@@ -6479,6 +6511,220 @@ var require_normalizeValueWithProperty_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/constants/webToNativeProps.native.js
+var require_webToNativeProps_native = __commonJS({
+  "../web/dist/cjs/constants/webToNativeProps.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop2 = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop2();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, webToNativeProps_native_exports = {};
+    __export2(webToNativeProps_native_exports, {
+      webToNativeDynamicExpansion: function() {
+        return webToNativeDynamicExpansion;
+      },
+      webToNativeExpansion: function() {
+        return webToNativeExpansion;
+      }
+    });
+    module2.exports = __toCommonJS2(webToNativeProps_native_exports);
+    var _loop = function(parent2) {
+      var _exec, _exec_index, prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
+      expansionsNoPrefix[parent2] = expansionsNoPrefix[parent2].map(function(k) {
+        return "".concat(prefix).concat(k);
+      });
+    }, resizeModeMap = {
+      fill: "stretch",
+      none: "center",
+      "scale-down": "contain",
+      contain: "contain",
+      cover: "cover"
+    }, verticalAlignMap = {
+      top: "top",
+      middle: "center",
+      bottom: "bottom",
+      auto: "auto"
+    }, webToNativeDynamicExpansion = {
+      objectFit: function(val) {
+        var resizeMode = resizeModeMap[val] || "cover";
+        return [
+          [
+            "resizeMode",
+            resizeMode
+          ]
+        ];
+      },
+      verticalAlign: function(val) {
+        return [
+          [
+            "textAlignVertical",
+            verticalAlignMap[val] || "auto"
+          ]
+        ];
+      }
+    }, vert = [
+      "Top",
+      "Bottom"
+    ], es = [
+      "End",
+      "Start"
+    ], t = [
+      "Top"
+    ], b = [
+      "Bottom"
+    ], s = [
+      "Start"
+    ], e = [
+      "End"
+    ], h = [
+      "Height"
+    ], w = [
+      "Width"
+    ], expansionsNoPrefix = {
+      borderBlockColor: [
+        "TopColor",
+        "BottomColor"
+      ],
+      borderInlineColor: [
+        "EndColor",
+        "StartColor"
+      ],
+      borderBlockWidth: [
+        "TopWidth",
+        "BottomWidth"
+      ],
+      borderInlineWidth: [
+        "EndWidth",
+        "StartWidth"
+      ],
+      borderBlockStyle: [
+        "TopStyle",
+        "BottomStyle"
+      ],
+      borderInlineStyle: [
+        "EndStyle",
+        "StartStyle"
+      ],
+      marginBlock: vert,
+      marginInline: es,
+      paddingBlock: vert,
+      paddingInline: es,
+      borderBlockStartColor: [
+        "TopColor"
+      ],
+      borderBlockEndColor: [
+        "BottomColor"
+      ],
+      borderInlineStartColor: [
+        "StartColor"
+      ],
+      borderInlineEndColor: [
+        "EndColor"
+      ],
+      borderBlockStartWidth: [
+        "TopWidth"
+      ],
+      borderBlockEndWidth: [
+        "BottomWidth"
+      ],
+      borderInlineStartWidth: [
+        "StartWidth"
+      ],
+      borderInlineEndWidth: [
+        "EndWidth"
+      ],
+      borderBlockStartStyle: [
+        "TopStyle"
+      ],
+      borderBlockEndStyle: [
+        "BottomStyle"
+      ],
+      borderInlineStartStyle: [
+        "StartStyle"
+      ],
+      borderInlineEndStyle: [
+        "EndStyle"
+      ],
+      marginBlockStart: t,
+      marginBlockEnd: b,
+      marginInlineStart: s,
+      marginInlineEnd: e,
+      paddingBlockStart: t,
+      paddingBlockEnd: b,
+      paddingInlineStart: s,
+      paddingInlineEnd: e,
+      minBlockSize: h,
+      maxBlockSize: h,
+      minInlineSize: w,
+      maxInlineSize: w
+    };
+    for (parent in expansionsNoPrefix)
+      _loop(parent);
+    var parent, expansions = {
+      inset: [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ],
+      insetBlock: [
+        "top",
+        "bottom"
+      ],
+      insetBlockStart: [
+        "top"
+      ],
+      insetBlockEnd: [
+        "bottom"
+      ],
+      insetInlineStart: [
+        "left"
+      ],
+      insetInlineEnd: [
+        "right"
+      ],
+      blockSize: [
+        "height"
+      ],
+      inlineSize: [
+        "width"
+      ]
+    }, webToNativeExpansion = Object.assign(expansionsNoPrefix, expansions);
+  }
+});
+
 // ../web/dist/cjs/helpers/expandStyle.native.js
 var require_expandStyle_native = __commonJS({
   "../web/dist/cjs/helpers/expandStyle.native.js"(exports2, module2) {
@@ -6525,7 +6771,7 @@ var require_expandStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants = require_index_native3();
+    var import_constants = require_index_native3(), import_webToNativeProps = require_webToNativeProps_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -6566,6 +6812,15 @@ var require_expandStyle_native = __commonJS({
             value
           ];
         });
+      if (key in import_webToNativeProps.webToNativeExpansion)
+        return import_webToNativeProps.webToNativeExpansion[key].map(function(key2) {
+          return [
+            key2,
+            value
+          ];
+        });
+      if (key in import_webToNativeProps.webToNativeDynamicExpansion)
+        return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
     }
     var all = [
       "Top",
@@ -6908,6 +7163,109 @@ var require_getVariantExtras_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/webPropsToSkip.native.js
+var require_webPropsToSkip_native = __commonJS({
+  "../web/dist/cjs/helpers/webPropsToSkip.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, webPropsToSkip_native_exports = {};
+    __export2(webPropsToSkip_native_exports, {
+      webPropsToSkip: function() {
+        return webPropsToSkip;
+      }
+    });
+    module2.exports = __toCommonJS2(webPropsToSkip_native_exports);
+    var webPropsToSkip = {
+      whiteSpace: 1,
+      wordWrap: 1,
+      textOverflow: 1,
+      textDecorationDistance: 1,
+      cursor: 1,
+      contain: 1,
+      boxSizing: 1,
+      touchAction: 1,
+      boxShadow: 1,
+      outlineStyle: 1,
+      outlineOffset: 1,
+      outlineWidth: 1,
+      outlineColor: 1,
+      filter: 1,
+      backdropFilter: 1,
+      backgroundImage: 1,
+      mixBlendMode: 1,
+      scrollbarWidth: 1,
+      backgroundOrigin: 1,
+      backgroundPosition: 1,
+      backgroundRepeat: 1,
+      backgroundSize: 1,
+      backgroundClip: 1,
+      backgroundBlendMode: 1,
+      backgroundAttachment: 1,
+      background: 1,
+      clipPath: 1,
+      caretColor: 1,
+      transformStyle: 1,
+      mask: 1,
+      maskImage: 1,
+      textEmphasis: 1,
+      borderImage: 1,
+      float: 1,
+      content: 1,
+      overflowBlock: 1,
+      overflowInline: 1,
+      maskBorder: 1,
+      maskBorderMode: 1,
+      maskBorderOutset: 1,
+      maskBorderRepeat: 1,
+      maskBorderSlice: 1,
+      maskBorderSource: 1,
+      maskBorderWidth: 1,
+      maskClip: 1,
+      maskComposite: 1,
+      maskMode: 1,
+      maskOrigin: 1,
+      maskPosition: 1,
+      maskRepeat: 1,
+      maskSize: 1,
+      maskType: 1
+    };
+  }
+});
+
 // ../web/dist/cjs/helpers/skipProps.native.js
 var require_skipProps_native = __commonJS({
   "../web/dist/cjs/helpers/skipProps.native.js"(exports2, module2) {
@@ -6954,7 +7312,7 @@ var require_skipProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(skipProps_exports);
-    var skipProps = {
+    var import_webPropsToSkip = require_webPropsToSkip_native(), skipProps = {
       untilMeasured: 1,
       animation: 1,
       space: 1,
@@ -6971,21 +7329,7 @@ var require_skipProps_native = __commonJS({
       animatePresence: 1
     };
     process.env.NODE_ENV === "test" && (skipProps["data-test-renders"] = 1);
-    Object.assign(skipProps, {
-      whiteSpace: 1,
-      wordWrap: 1,
-      textOverflow: 1,
-      textDecorationDistance: 1,
-      cursor: 1,
-      contain: 1,
-      boxSizing: 1,
-      boxShadow: 1,
-      outlineStyle: 1,
-      outlineOffset: 1,
-      outlineWidth: 1,
-      outlineColor: 1,
-      scrollbarWidth: 1
-    });
+    Object.assign(skipProps, import_webPropsToSkip.webPropsToSkip);
   }
 });
 
@@ -8757,14 +9101,14 @@ var require_Slot_native = __commonJS({
         key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
       return target;
     }
-    var Slot = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var children = props.children, slotProps = _object_without_properties(props, [
         "children"
       ]);
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
         return /* @__PURE__ */ (0, import_react3.cloneElement)(children, children.type.avoidForwardRef ? mergedProps : _object_spread_props(_object_spread2({}, mergedProps), {
-          ref: (0, import_compose_refs.composeRefs)(forwardedRef, children.ref)
+          ref: (0, import_compose_refs.composeRefs)(forwardedRef, is19 ? children.props.ref : children.ref)
         }));
       }
       return import_react3.Children.count(children) > 1 ? import_react3.Children.only(null) : null;