tamagui 1.88.19 → 1.88.21

package/dist/test.native.js

@@ -2349,6 +2349,55 @@ var require_defaultComponentState_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/skipProps.native.js
+var require_skipProps_native = __commonJS({
+  "../web/dist/cjs/helpers/skipProps.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), skipProps_exports = {};
+    __export2(skipProps_exports, {
+      skipProps: () => skipProps
+    });
+    module2.exports = __toCommonJS2(skipProps_exports);
+    var skipProps = {
+      untilMeasured: 1,
+      animation: 1,
+      space: 1,
+      animateOnly: 1,
+      disableClassName: 1,
+      debug: 1,
+      componentName: 1,
+      disableOptimization: 1,
+      tag: 1,
+      style: 1,
+      // handled after loop so pseudos set usedKeys and override it if necessary
+      group: 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
+    });
+  }
+});
+
 // ../web/dist/cjs/constants/accessibilityDirectMap.native.js
 var require_accessibilityDirectMap_native = __commonJS({
   "../web/dist/cjs/constants/accessibilityDirectMap.native.js"(exports2, module2) {
@@ -3441,7 +3490,7 @@ var require_propMapper_native = __commonJS({
       propMapper: () => propMapper
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       var _a;
       if (lastFontFamilyToken = null, !import_constants4.isAndroid && key === "elevationAndroid")
         return;
@@ -3522,37 +3571,39 @@ var require_propMapper_native = __commonJS({
       let { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
       for (let _key in value) {
         let subKey = conf.shorthands[_key] || _key, val = value[_key];
-        if (styleProps.noExpand)
-          res[subKey] = val;
-        else if (variants && subKey in variants) {
-          if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
-            res[subKey] = // SYNC WITH *1
-            val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
-          else {
-            let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
-            if (variantOut)
-              for (let [key2, val2] of variantOut)
-                val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
+        if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
+          if (styleProps.noExpand)
+            res[subKey] = val;
+          else if (variants && subKey in variants) {
+            if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
+              res[subKey] = // SYNC WITH *1
+              val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
+            else {
+              let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
+              if (variantOut)
+                for (let [key2, val2] of variantOut)
+                  val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
+            }
+            continue;
           }
-          continue;
-        }
-        if ((0, import_createVariable.isVariable)(val)) {
-          res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
-          continue;
-        }
-        if (typeof val == "string") {
-          let fVal = (
-            // SYNC WITH *1
-            val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
-          );
-          res[subKey] = fVal;
-          continue;
+          if ((0, import_createVariable.isVariable)(val)) {
+            res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
+            continue;
+          }
+          if (typeof val == "string") {
+            let fVal = (
+              // SYNC WITH *1
+              val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
+            );
+            res[subKey] = fVal;
+            continue;
+          }
+          if ((0, import_isObj.isObj)(val)) {
+            let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
+            res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
+          } else
+            res[subKey] = val;
         }
-        if ((0, import_isObj.isObj)(val)) {
-          let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-          res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
-        } else
-          res[subKey] = val;
       }
       return res;
     }, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
@@ -3659,7 +3710,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react2 = 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(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react2 = require("react"), import_config = require_config_native(), import_skipProps = require_skipProps_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(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _a;
       return (staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || ((_a = staticConfig.acceptTokens) == null ? void 0 : _a[key]);
@@ -3694,7 +3745,7 @@ var require_getSplitStyles_native = __commonJS({
       };
       for (let keyOg in props) {
         let keyInit = keyOg, valInit = props[keyOg];
-        if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !styleProps.noSkip && !isHOC)
+        if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in import_skipProps.skipProps && !styleProps.noSkip && !isHOC)
           continue;
         let valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
         if (valInit !== props[keyInit] && (styleState.curProps[keyInit] = valInit), !isValidStyleKeyInit) {
@@ -3752,8 +3803,8 @@ var require_getSplitStyles_native = __commonJS({
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
-        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps));
-        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
+        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps));
+        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in import_skipProps.skipProps)
           continue;
         if ((isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && valInit !== "unset" && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
           style[keyInit] = valInit;
@@ -3990,7 +4041,7 @@ var require_getSplitStyles_native = __commonJS({
         let val = styleIn[key];
         key = conf2.shorthands[key] || key;
         let expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
-        if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
+        if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip))
           for (let [skey, sval] of expanded)
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
@@ -4010,35 +4061,7 @@ var require_getSplitStyles_native = __commonJS({
     }, mapTransformKeys = {
       x: "translateX",
       y: "translateY"
-    }, skipProps = {
-      untilMeasured: 1,
-      animation: 1,
-      space: 1,
-      animateOnly: 1,
-      disableClassName: 1,
-      debug: 1,
-      componentName: 1,
-      disableOptimization: 1,
-      tag: 1,
-      style: 1,
-      // handled after loop so pseudos set usedKeys and override it if necessary
-      group: 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
-    });
     function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
       if (shouldMergeObject) {
         let next = {
@@ -10533,10 +10556,21 @@ var require_Dialog_native = __commonJS({
           children: isShowing ? children : null
         }
       );
-      return useShowDialogSheet(context) ? children : context.modal ? isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, { __scopeDialog, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) }) }) : contents;
+      if (useShowDialogSheet(context))
+        return children;
+      if (context.modal) {
+        if (isFullyHidden)
+          return null;
+        let framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) });
+        return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex: props.zIndex ?? 1e5, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, { children: framedContents }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, { __scopeDialog, children: framedContents });
+      }
+      return contents;
     };
     DialogPortal.displayName = PORTAL_NAME;
-    var OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
+    var PassthroughTheme = ({ children }) => {
+      let themeName = (0, import_core12.useThemeName)();
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { name: themeName, forceClassName: !0, children });
+    }, OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
       name: OVERLAY_NAME
     }), DialogOverlay = DialogOverlayFrame.extractable(
       React2.forwardRef(
@@ -16597,6 +16631,8 @@ var require_SelectTrigger_native = __commonJS({
           {
             componentName: TRIGGER_NAME,
             unstyled,
+            tag: "button",
+            id: itemParentContext.id,
             ...!unstyled && {
               backgrounded: !0,
               radiused: !0,
@@ -16608,9 +16644,9 @@ var require_SelectTrigger_native = __commonJS({
                 outlineWidth: 2,
                 outlineColor: "$outlineColor"
               },
-              borderWidth: 1
+              borderWidth: 1,
+              size: itemParentContext.size
             },
-            size: itemParentContext.size,
             "aria-expanded": context.open,
             "aria-autocomplete": "none",
             dir: context.dir,
@@ -16893,8 +16929,9 @@ var require_Select_native = __commonJS({
           disablePreventBodyScroll,
           size: sizeProp = "$true",
           onActiveChange,
-          dir
-        } = props, id = React2.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+          dir,
+          id
+        } = props, internalId = React2.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? internalId : internalId, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
           Contents: React2.useCallback(
             () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${scopeKey}SheetContents` }),
             [scopeKey]
@@ -16930,11 +16967,12 @@ var require_Select_native = __commonJS({
           import_context.SelectItemParentProvider,
           {
             scope: __scopeSelect,
-            initialValue: React2.useMemo(() => value, []),
+            initialValue: React2.useMemo(() => value, [open]),
             size: sizeProp,
             activeIndexSubscribe,
             valueSubscribe,
             setOpen,
+            id,
             onChange: React2.useCallback((val) => {
               setValue(val), emitValue(val);
             }, []),