tamagui 1.97.0 → 1.98.0

package/dist/test.native.js

@@ -1482,7 +1482,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
@@ -1494,6 +1500,9 @@ var require_validStyleProps_native = __commonJS({
         borderBlockEndColor: !0,
         borderBlockColor: !0,
         borderBottomColor: !0,
+        borderInlineColor: !0,
+        borderInlineStartColor: !0,
+        borderInlineEndColor: !0,
         borderTopColor: !0,
         borderLeftColor: !0,
         borderRightColor: !0,
@@ -1559,7 +1568,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,
@@ -1583,11 +1604,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,
@@ -1615,6 +1637,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
@@ -1645,7 +1674,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
@@ -6208,6 +6240,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) {
@@ -6254,7 +6500,7 @@ var require_expandStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants4 = require_index_native6();
+    var import_constants4 = require_index_native6(), import_webToNativeProps = require_webToNativeProps_native();
     function _define_property9(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -6295,6 +6541,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",
@@ -6637,6 +6892,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) {
@@ -6683,7 +7041,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,
@@ -6700,21 +7058,7 @@ var require_skipProps_native = __commonJS({
       animatePresence: 1
     };
     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);
   }
 });
 
@@ -17837,9 +18181,7 @@ var require_GorhomPortal_native = __commonJS({
     }, PortalProviderComponent = function(param) {
       var _param_rootHostName = param.rootHostName, rootHostName = _param_rootHostName === void 0 ? "root" : _param_rootHostName, _param_shouldAddRootHost = param.shouldAddRootHost, shouldAddRootHost = _param_shouldAddRootHost === void 0 ? !0 : _param_shouldAddRootHost, children = param.children, _useReducer = _sliced_to_array((0, import_react4.useReducer)(reducer, INITIAL_STATE), 2), state = _useReducer[0], dispatch = _useReducer[1], transitionDispatch = (0, import_react4.useMemo)(function() {
         var next = function(value) {
-          (0, import_react4.startTransition)(function() {
-            dispatch(value);
-          });
+          dispatch(value);
         };
         return next;
       }, [
@@ -21760,7 +22102,7 @@ var require_Image_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_react4 = require("react"), import_react_native4 = require("react-native");
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_react_native4 = require("react-native");
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -21848,7 +22190,7 @@ var require_Image_native = __commonJS({
     }
     var StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
       name: "Image"
-    }), Image = StyledImage.extractable(/* @__PURE__ */ (0, import_react4.forwardRef)(function(inProps, ref) {
+    }), Image = StyledImage.styleable(function(inProps, ref) {
       var _usePropsAndStyle = _sliced_to_array((0, import_core12.usePropsAndStyle)(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, rest = _object_without_properties5(props, [
         "src",
         "source"
@@ -21872,7 +22214,7 @@ var require_Image_native = __commonJS({
         source: finalSource,
         style
       }, rest));
-    }));
+    });
     Image.getSize = import_react_native4.Image.getSize;
     Image.getSizeWithHeaders = import_react_native4.Image.getSizeWithHeaders;
     Image.prefetch = import_react_native4.Image.prefetch;
@@ -24983,7 +25325,7 @@ var require_createCheckbox_native = __commonJS({
                 size: size3,
                 theme: checked ? "active" : null
               }), {
-                // expected variants
+                // potential variant
                 checked,
                 disabled: checkboxProps.disabled
               }), checkboxProps), {