tamagui 1.140.4 → 1.141.0

package/dist/native.cjs

@@ -1148,7 +1148,7 @@ var pseudoDescriptorsBase = {
     priority: 5
   }
 }), defaultMediaImportance = Object.keys(pseudoDescriptors).length;
-function _type_of$c(obj) {
+function _type_of$d(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1172,13 +1172,13 @@ var mergeProps = function(defaultProps2, props) {
 };
 function mergeProp(out, defaultProps2, props, key) {
   var val = props[key];
-  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$c(val)) === "object") {
+  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$d(val)) === "object") {
     var defaultVal = defaultProps2[key];
-    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$c(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
+    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$d(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
   }
   out[key] = val;
 }
-function _type_of$b(obj) {
+function _type_of$c(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1186,7 +1186,7 @@ function objectIdentityKey(obj) {
   var k = "";
   for (var key in obj) {
     k += key;
-    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$b(arg);
+    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$c(arg);
     if (!arg || type !== "object" && type !== "function") k += type + arg;
     else if (cache$6.has(arg)) k += cache$6.get(arg);
     else {
@@ -1350,7 +1350,7 @@ function clamp$1(value, param) {
   var [min2, max2] = param;
   return Math.min(max2, Math.max(min2, value));
 }
-function _type_of$a(obj) {
+function _type_of$b(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1359,7 +1359,7 @@ function composeEventHandlers(og, next) {
     checkDefaultPrevented = true
   } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !og || !next ? next || og || void 0 : function(event) {
-    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$a(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
+    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$b(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
     "defaultPrevented" in event && !event.defaultPrevented) return next == null ? void 0 : next(event);
   };
 }
@@ -1623,7 +1623,7 @@ var textColors = {
   disabledStyle: true,
   focusWithinStyle: true
 }, validStyles = stylePropsView;
-function _type_of$9(obj) {
+function _type_of$a(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1637,14 +1637,14 @@ var Decorated = Symbol(), withStaticProperties = function(component, staticProps
       });
       for (var key in component) {
         var v = component[key];
-        _[key] = v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" ? __spreadValues({}, v) : v;
+        _[key] = v && (typeof v > "u" ? "undefined" : _type_of$a(v)) === "object" ? __spreadValues({}, v) : v;
       }
     }
     return component;
   })();
   return Object.assign(next, staticProps), next[Decorated] = true, next;
 };
-function _type_of$8(obj) {
+function _type_of$9(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1671,7 +1671,7 @@ function variableToString(vrble) {
   return isVariable(vrble) ? `${vrble.val}` : `${vrble || ""}`;
 }
 function isVariable(v) {
-  return v && (typeof v > "u" ? "undefined" : _type_of$8(v)) === "object" && "isVar" in v;
+  return v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" && "isVar" in v;
 }
 function getVariable(nameOrVariable) {
   var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size", _tokens_group;
@@ -2952,12 +2952,12 @@ function getFontsForLanguage(fonts, language) {
   })));
   return fontLanguageCache.set(language, next), next;
 }
-function _type_of$7(obj) {
+function _type_of$8(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var isObj = function(x) {
-  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$7(x)) === "object";
+  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$8(x)) === "object";
 };
 function normalizeStyle$1(style) {
   var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, res = {};
@@ -3044,7 +3044,7 @@ var skipProps = {
   animatePresence: 1
 };
 Object.assign(skipProps, webPropsToSkip);
-function _type_of$6(obj) {
+function _type_of$7(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -3232,7 +3232,7 @@ function getVariantDefinition(variant, value, conf2) {
       var fontSizeVariant = variant["...fontSize"];
       if (fontSizeVariant && conf2.fontSizeTokens.has(value)) return fontSizeVariant;
     }
-    return variant[`:${typeof value > "u" ? "undefined" : _type_of$6(value)}`] || variant["..."];
+    return variant[`:${typeof value > "u" ? "undefined" : _type_of$7(value)}`] || variant["..."];
   }
 }
 var fontShorthand = {
@@ -3307,7 +3307,7 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
 var sortString = function(a, b2) {
   return a < b2 ? -1 : a > b2 ? 1 : 0;
 };
-function _type_of$5(obj) {
+function _type_of$6(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -3332,7 +3332,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
     if (accept) {
       var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$5(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
+      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$6(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
     }
     if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
     if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -3912,7 +3912,7 @@ function useDidFinishSSR() {
   React__namespace.useContext(ClientOnlyContext);
   return true;
 }
-function _type_of$4(obj) {
+function _type_of$5(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -3990,7 +3990,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 function hasAnimatedStyleValue(style) {
   return Object.keys(style).some(function(k) {
     var val = style[k];
-    return val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "_animation" in val;
+    return val && (typeof val > "u" ? "undefined" : _type_of$5(val)) === "object" && "_animation" in val;
   });
 }
 var isDisabled = function(props) {
@@ -4772,7 +4772,7 @@ var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"
 function createShorthands(shorthands) {
   return Object.freeze(shorthands);
 }
-function _type_of$3(obj) {
+function _type_of$4(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -4787,7 +4787,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
       continue;
     }
     var niceKey = simpleHash(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
-    if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" && "needsPx" in val && "val" in val) {
+    if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "needsPx" in val && "val" in val) {
       var finalValue = createVariable({
         val: val.val,
         name,
@@ -4796,7 +4796,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
       res[key] = finalValue;
       continue;
     }
-    if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object") {
+    if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object") {
       res[key] = createVariables(tokens[key], name, false);
       continue;
     }
@@ -8392,7 +8392,7 @@ var getElevation = function(size, extras) {
     return shadow;
   }
 };
-function _type_of$2(obj) {
+function _type_of$3(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -8403,7 +8403,7 @@ var fullscreenStyle = {
   right: 0,
   bottom: 0
 }, getInset = function(val) {
-  return val && (typeof val > "u" ? "undefined" : _type_of$2(val)) === "object" ? val : {
+  return val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" ? val : {
     top: val,
     left: val,
     bottom: val,
@@ -8663,7 +8663,7 @@ var chromelessStyle = {
   variants: themeableVariants
 });
 var ButtonNestingContext = /* @__PURE__ */ React.createContext(false);
-function _type_of$1(obj) {
+function _type_of$2(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -8693,7 +8693,7 @@ styled(Text$2, {
 });
 var cache = /* @__PURE__ */ new WeakMap();
 function getDefaultSizeToken(font) {
-  if ((typeof font > "u" ? "undefined" : _type_of$1(font)) === "object" && cache.has(font)) return cache.get(font);
+  if ((typeof font > "u" ? "undefined" : _type_of$2(font)) === "object" && cache.has(font)) return cache.get(font);
   var sizeTokens = "$true" in font.size ? font.size : getTokens().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
     return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
   }) : null;
@@ -11225,7 +11225,7 @@ var AlertDialog = withStaticProperties(AlertDialogInner, {
   Description: AlertDialogDescription
 });
 AlertDialog.displayName = ROOT_NAME;
-function _type_of(obj) {
+function _type_of$1(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -11244,8 +11244,8 @@ var StyledImage = styled(ImageWithStatics, {
   var finalSource = typeof src == "string" ? __spreadValues({
     uri: src
   }, isWeb) : source != null ? source : src;
-  if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of(finalSource)) === "object") {
-    if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source))) {
+  if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of$1(finalSource)) === "object") {
+    if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of$1(source)) === "object" && !Array.isArray(source))) {
       var _style, _style1, _width;
       (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
       var _height;
@@ -11296,15 +11296,21 @@ var Circle = styled(Square, {
   name: "Circle",
   circular: true
 });
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React__namespace.forwardRef(function(props, forwardedRef) {
   var _getShapeSize, _a = props, {
     __scopeAvatar,
     src,
+    source,
     onLoadingStatusChange = function() {
     }
   } = _a, imageProps = __objRest(_a, [
     "__scopeAvatar",
     "src",
+    "source",
     "onLoadingStatusChange"
   ]), context2 = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React__namespace.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
     context2.size,
@@ -11312,12 +11318,12 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
     {
       tokens: getTokens()
     }
-  )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
+  )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width), resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
   return React__namespace.useEffect(function() {
-    setStatus(src ? "idle" : "error");
-  }, [JSON.stringify(src)]), React__namespace.useEffect(function() {
+    setStatus(resolvedSrc ? "idle" : "error");
+  }, [resolvedSrc]), React__namespace.useEffect(function() {
     onLoadingStatusChange(status), context2.onImageLoadingStatusChange(status);
-  }, [status]), src ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
+  }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
     fullscreen: true,
     zIndex: 1,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
@@ -11329,7 +11335,7 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
       // @ts-ignore
       ref: forwardedRef,
       // @ts-ignore
-      src,
+      src: resolvedSrc,
       // onLoadStart={() => {
       //   // setStatus('loading')
       // }}
@@ -13804,11 +13810,15 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
   React__namespace.useEffect(function() {
     virtualRef && refs.setReference(virtualRef.current);
   }, [virtualRef]);
-  var stackProps = anchorProps, refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
+  var stackProps = anchorProps, safeSetReference = React__namespace.useCallback(function(node) {
+    startTransition(function() {
+      refs.setReference(node);
+    });
+  }, [refs.setReference]), refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
     forwardedRef,
     ref,
     // web handles this onMouseEnter below so it can support multiple targets + hovering
-    refs.setReference
+    safeSetReference
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, stackProps), refProps), {
     ref: composedRefs
@@ -13859,7 +13869,11 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
     getFloatingProps,
     size,
     isPositioned
-  } = context2, contentRefs = useComposedRefs(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
+  } = context2, safeSetFloating = React__namespace.useCallback(function(node) {
+    startTransition(function() {
+      refs.setFloating(node);
+    });
+  }, [refs.setFloating]), contentRefs = useComposedRefs(safeSetFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
   useIsomorphicLayoutEffect(function() {
     needsMeasure && x && y && setNeedsMeasure(false);
   }, [needsMeasure, enableAnimationForPositionChange, x, y]);
@@ -14076,7 +14090,9 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
     "zIndex",
     "scope"
   ]), context2 = usePopoverContext(scope), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), isRightClickOutsideRef = React__namespace.useRef(false), [isFullyHidden, setIsFullyHidden] = React__namespace.useState(!context2.open);
-  if (context2.open && isFullyHidden && setIsFullyHidden(false), !context2.keepChildrenMounted && isFullyHidden) return null;
+  if (React__namespace.useEffect(function() {
+    context2.open && isFullyHidden && setIsFullyHidden(false);
+  }, [context2.open, isFullyHidden]), !context2.keepChildrenMounted && isFullyHidden && !context2.open) return null;
   var _contentImplProps_pointerEvents;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, {
     passThrough: context2.breakpointActive,
@@ -15332,7 +15348,7 @@ var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
     "scope",
     "children",
     "placeholder"
-  ]), context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, context2.onValueNodeChange), children = childrenProp != null ? childrenProp : context2.selectedItem, isEmptyValue = context2.value == null || context2.value === "", selectValueChildren = isEmptyValue ? placeholder != null ? placeholder : children : children;
+  ]), _context_renderValue, context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, context2.onValueNodeChange), isEmptyValue = context2.value == null || context2.value === "", renderedValue = (_context_renderValue = context2.renderValue) === null || _context_renderValue === void 0 ? void 0 : _context_renderValue.call(context2, context2.value), _ref, children = (_ref = childrenProp != null ? childrenProp : renderedValue) !== null && _ref !== void 0 ? _ref : context2.selectedItem, selectValueChildren = isEmptyValue ? placeholder != null ? placeholder : children : children;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
     size: itemParentContext.size,
     ellipse: true,
@@ -15548,7 +15564,8 @@ function SelectInner(props) {
     size: sizeProp = "$true",
     onActiveChange,
     dir,
-    id: id2
+    id: id2,
+    renderValue
   } = props;
   useAdaptIsActive(adaptScope);
   var SelectImpl = SelectSheetImpl, forceUpdate = React__namespace.useReducer(function() {
@@ -15629,6 +15646,7 @@ function SelectInner(props) {
       value,
       open: open2,
       native,
+      renderValue,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSheetController, {
         onOpenChange: setOpen,
         scope,

package/dist/test.cjs

@@ -1380,7 +1380,7 @@ var pseudoDescriptorsBase = {
     priority: 5
   }
 }), defaultMediaImportance = Object.keys(pseudoDescriptors).length;
-function _type_of$c(obj) {
+function _type_of$d(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1404,13 +1404,13 @@ var mergeProps = function(defaultProps2, props) {
 };
 function mergeProp(out, defaultProps2, props, key) {
   var val = props[key];
-  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$c(val)) === "object") {
+  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$d(val)) === "object") {
     var defaultVal = defaultProps2[key];
-    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$c(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
+    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$d(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
   }
   out[key] = val;
 }
-function _type_of$b(obj) {
+function _type_of$c(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1418,7 +1418,7 @@ function objectIdentityKey(obj) {
   var k = "";
   for (var key in obj) {
     k += key;
-    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$b(arg);
+    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$c(arg);
     if (!arg || type !== "object" && type !== "function") k += type + arg;
     else if (cache$6.has(arg)) k += cache$6.get(arg);
     else {
@@ -1582,7 +1582,7 @@ function clamp$1(value, param) {
   var [min2, max2] = param;
   return Math.min(max2, Math.max(min2, value));
 }
-function _type_of$a(obj) {
+function _type_of$b(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1591,7 +1591,7 @@ function composeEventHandlers(og, next) {
     checkDefaultPrevented = true
   } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !og || !next ? next || og || void 0 : function(event) {
-    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$a(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
+    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$b(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
     "defaultPrevented" in event && !event.defaultPrevented) return next == null ? void 0 : next(event);
   };
 }
@@ -1855,7 +1855,7 @@ var textColors = {
   disabledStyle: true,
   focusWithinStyle: true
 }, validStyles = stylePropsView;
-function _type_of$9(obj) {
+function _type_of$a(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1869,14 +1869,14 @@ var Decorated = Symbol(), withStaticProperties = function(component, staticProps
       });
       for (var key in component) {
         var v = component[key];
-        _[key] = v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" ? __spreadValues({}, v) : v;
+        _[key] = v && (typeof v > "u" ? "undefined" : _type_of$a(v)) === "object" ? __spreadValues({}, v) : v;
       }
     }
     return component;
   })();
   return Object.assign(next, staticProps), next[Decorated] = true, next;
 };
-function _type_of$8(obj) {
+function _type_of$9(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1903,7 +1903,7 @@ function variableToString(vrble) {
   return isVariable(vrble) ? `${vrble.val}` : `${vrble || ""}`;
 }
 function isVariable(v) {
-  return v && (typeof v > "u" ? "undefined" : _type_of$8(v)) === "object" && "isVar" in v;
+  return v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" && "isVar" in v;
 }
 function getVariable(nameOrVariable) {
   var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size", _tokens_group;
@@ -3184,12 +3184,12 @@ function getFontsForLanguage(fonts, language) {
   })));
   return fontLanguageCache.set(language, next), next;
 }
-function _type_of$7(obj) {
+function _type_of$8(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var isObj = function(x) {
-  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$7(x)) === "object";
+  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$8(x)) === "object";
 };
 function normalizeStyle$1(style) {
   var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, res = {};
@@ -3277,7 +3277,7 @@ var skipProps = {
 };
 skipProps["data-test-renders"] = 1;
 Object.assign(skipProps, webPropsToSkip);
-function _type_of$6(obj) {
+function _type_of$7(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -3465,7 +3465,7 @@ function getVariantDefinition(variant, value, conf2) {
       var fontSizeVariant = variant["...fontSize"];
       if (fontSizeVariant && conf2.fontSizeTokens.has(value)) return fontSizeVariant;
     }
-    return variant[`:${typeof value > "u" ? "undefined" : _type_of$6(value)}`] || variant["..."];
+    return variant[`:${typeof value > "u" ? "undefined" : _type_of$7(value)}`] || variant["..."];
   }
 }
 var fontShorthand = {
@@ -3540,7 +3540,7 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
 var sortString = function(a, b2) {
   return a < b2 ? -1 : a > b2 ? 1 : 0;
 };
-function _type_of$5(obj) {
+function _type_of$6(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -3566,7 +3566,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (keyInit === "jestAnimatedStyle") return "continue";
     if (accept) {
       var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$5(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
+      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$6(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
     }
     if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
     if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -4146,7 +4146,7 @@ function useDidFinishSSR() {
   React__namespace.useContext(ClientOnlyContext);
   return true;
 }
-function _type_of$4(obj) {
+function _type_of$5(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -4224,7 +4224,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 function hasAnimatedStyleValue(style) {
   return Object.keys(style).some(function(k) {
     var val = style[k];
-    return val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "_animation" in val;
+    return val && (typeof val > "u" ? "undefined" : _type_of$5(val)) === "object" && "_animation" in val;
   });
 }
 var isDisabled = function(props) {
@@ -5010,7 +5010,7 @@ var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"
 function createShorthands(shorthands) {
   return Object.freeze(shorthands);
 }
-function _type_of$3(obj) {
+function _type_of$4(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -5025,7 +5025,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
       continue;
     }
     var niceKey = simpleHash(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
-    if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" && "needsPx" in val && "val" in val) {
+    if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "needsPx" in val && "val" in val) {
       var finalValue = createVariable({
         val: val.val,
         name,
@@ -5034,7 +5034,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
       res[key] = finalValue;
       continue;
     }
-    if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object") {
+    if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object") {
       res[key] = createVariables(tokens[key], name, false);
       continue;
     }
@@ -8531,7 +8531,7 @@ var getElevation = function(size, extras) {
     return shadow;
   }
 };
-function _type_of$2(obj) {
+function _type_of$3(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -8542,7 +8542,7 @@ var fullscreenStyle = {
   right: 0,
   bottom: 0
 }, getInset = function(val) {
-  return val && (typeof val > "u" ? "undefined" : _type_of$2(val)) === "object" ? val : {
+  return val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" ? val : {
     top: val,
     left: val,
     bottom: val,
@@ -8802,7 +8802,7 @@ var chromelessStyle = {
   variants: themeableVariants
 });
 var ButtonNestingContext = /* @__PURE__ */ React.createContext(false);
-function _type_of$1(obj) {
+function _type_of$2(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -8832,7 +8832,7 @@ styled(Text$2, {
 });
 var cache = /* @__PURE__ */ new WeakMap();
 function getDefaultSizeToken(font) {
-  if ((typeof font > "u" ? "undefined" : _type_of$1(font)) === "object" && cache.has(font)) return cache.get(font);
+  if ((typeof font > "u" ? "undefined" : _type_of$2(font)) === "object" && cache.has(font)) return cache.get(font);
   var sizeTokens = "$true" in font.size ? font.size : getTokens().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
     return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
   }) : null;
@@ -11364,7 +11364,7 @@ var AlertDialog = withStaticProperties(AlertDialogInner, {
   Description: AlertDialogDescription
 });
 AlertDialog.displayName = ROOT_NAME;
-function _type_of(obj) {
+function _type_of$1(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -11383,8 +11383,8 @@ var StyledImage = styled(ImageWithStatics, {
   var finalSource = typeof src == "string" ? __spreadValues({
     uri: src
   }, isWeb) : source != null ? source : src;
-  if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of(finalSource)) === "object") {
-    if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source))) {
+  if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of$1(finalSource)) === "object") {
+    if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of$1(source)) === "object" && !Array.isArray(source))) {
       var _style, _style1, _width;
       (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
       var _height;
@@ -11435,15 +11435,21 @@ var Circle = styled(Square, {
   name: "Circle",
   circular: true
 });
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React__namespace.forwardRef(function(props, forwardedRef) {
   var _getShapeSize, _a = props, {
     __scopeAvatar,
     src,
+    source,
     onLoadingStatusChange = function() {
     }
   } = _a, imageProps = __objRest(_a, [
     "__scopeAvatar",
     "src",
+    "source",
     "onLoadingStatusChange"
   ]), context2 = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React__namespace.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
     context2.size,
@@ -11451,12 +11457,12 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
     {
       tokens: getTokens()
     }
-  )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
+  )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width), resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
   return React__namespace.useEffect(function() {
-    setStatus(src ? "idle" : "error");
-  }, [JSON.stringify(src)]), React__namespace.useEffect(function() {
+    setStatus(resolvedSrc ? "idle" : "error");
+  }, [resolvedSrc]), React__namespace.useEffect(function() {
     onLoadingStatusChange(status), context2.onImageLoadingStatusChange(status);
-  }, [status]), src ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
+  }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
     fullscreen: true,
     zIndex: 1,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
@@ -11468,7 +11474,7 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
       // @ts-ignore
       ref: forwardedRef,
       // @ts-ignore
-      src,
+      src: resolvedSrc,
       // onLoadStart={() => {
       //   // setStatus('loading')
       // }}
@@ -13943,11 +13949,15 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
   React__namespace.useEffect(function() {
     virtualRef && refs.setReference(virtualRef.current);
   }, [virtualRef]);
-  var stackProps = anchorProps, refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
+  var stackProps = anchorProps, safeSetReference = React__namespace.useCallback(function(node) {
+    startTransition(function() {
+      refs.setReference(node);
+    });
+  }, [refs.setReference]), refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
     forwardedRef,
     ref,
     // web handles this onMouseEnter below so it can support multiple targets + hovering
-    refs.setReference
+    safeSetReference
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, stackProps), refProps), {
     ref: composedRefs
@@ -13998,7 +14008,11 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
     getFloatingProps,
     size,
     isPositioned
-  } = context2, contentRefs = useComposedRefs(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
+  } = context2, safeSetFloating = React__namespace.useCallback(function(node) {
+    startTransition(function() {
+      refs.setFloating(node);
+    });
+  }, [refs.setFloating]), contentRefs = useComposedRefs(safeSetFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
   useIsomorphicLayoutEffect(function() {
     needsMeasure && x && y && setNeedsMeasure(false);
   }, [needsMeasure, enableAnimationForPositionChange, x, y]);
@@ -14215,7 +14229,9 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
     "zIndex",
     "scope"
   ]), context2 = usePopoverContext(scope), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), isRightClickOutsideRef = React__namespace.useRef(false), [isFullyHidden, setIsFullyHidden] = React__namespace.useState(!context2.open);
-  if (context2.open && isFullyHidden && setIsFullyHidden(false), !context2.keepChildrenMounted && isFullyHidden) return null;
+  if (React__namespace.useEffect(function() {
+    context2.open && isFullyHidden && setIsFullyHidden(false);
+  }, [context2.open, isFullyHidden]), !context2.keepChildrenMounted && isFullyHidden && !context2.open) return null;
   var _contentImplProps_pointerEvents;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, {
     passThrough: context2.breakpointActive,
@@ -15471,7 +15487,7 @@ var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
     "scope",
     "children",
     "placeholder"
-  ]), context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, context2.onValueNodeChange), children = childrenProp != null ? childrenProp : context2.selectedItem, isEmptyValue = context2.value == null || context2.value === "", selectValueChildren = isEmptyValue ? placeholder != null ? placeholder : children : children;
+  ]), _context_renderValue, context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, context2.onValueNodeChange), isEmptyValue = context2.value == null || context2.value === "", renderedValue = (_context_renderValue = context2.renderValue) === null || _context_renderValue === void 0 ? void 0 : _context_renderValue.call(context2, context2.value), _ref, children = (_ref = childrenProp != null ? childrenProp : renderedValue) !== null && _ref !== void 0 ? _ref : context2.selectedItem, selectValueChildren = isEmptyValue ? placeholder != null ? placeholder : children : children;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
     size: itemParentContext.size,
     ellipse: true,
@@ -15687,7 +15703,8 @@ function SelectInner(props) {
     size: sizeProp = "$true",
     onActiveChange,
     dir,
-    id: id2
+    id: id2,
+    renderValue
   } = props;
   useAdaptIsActive(adaptScope);
   var SelectImpl = SelectSheetImpl, forceUpdate = React__namespace.useReducer(function() {
@@ -15768,6 +15785,7 @@ function SelectInner(props) {
       value,
       open: open2,
       native,
+      renderValue,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSheetController, {
         onOpenChange: setOpen,
         scope,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.140.4",
+  "version": "1.141.0",
   "type": "module",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
   "removeSideEffects": true,
@@ -81,62 +81,62 @@
     }
   },
   "dependencies": {
-    "@tamagui/accordion": "1.140.4",
-    "@tamagui/adapt": "1.140.4",
-    "@tamagui/alert-dialog": "1.140.4",
-    "@tamagui/animate-presence": "1.140.4",
-    "@tamagui/avatar": "1.140.4",
-    "@tamagui/button": "1.140.4",
-    "@tamagui/card": "1.140.4",
-    "@tamagui/checkbox": "1.140.4",
-    "@tamagui/compose-refs": "1.140.4",
-    "@tamagui/constants": "1.140.4",
-    "@tamagui/core": "1.140.4",
-    "@tamagui/create-context": "1.140.4",
-    "@tamagui/dialog": "1.140.4",
-    "@tamagui/elements": "1.140.4",
-    "@tamagui/fake-react-native": "1.140.4",
-    "@tamagui/focusable": "1.140.4",
-    "@tamagui/font-size": "1.140.4",
-    "@tamagui/form": "1.140.4",
-    "@tamagui/get-button-sized": "1.140.4",
-    "@tamagui/get-font-sized": "1.140.4",
-    "@tamagui/get-token": "1.140.4",
-    "@tamagui/group": "1.140.4",
-    "@tamagui/helpers-tamagui": "1.140.4",
-    "@tamagui/image": "1.140.4",
-    "@tamagui/label": "1.140.4",
-    "@tamagui/linear-gradient": "1.140.4",
-    "@tamagui/list-item": "1.140.4",
-    "@tamagui/polyfill-dev": "1.140.4",
-    "@tamagui/popover": "1.140.4",
-    "@tamagui/popper": "1.140.4",
-    "@tamagui/portal": "1.140.4",
-    "@tamagui/progress": "1.140.4",
-    "@tamagui/radio-group": "1.140.4",
-    "@tamagui/react-native-media-driver": "1.140.4",
-    "@tamagui/scroll-view": "1.140.4",
-    "@tamagui/select": "1.140.4",
-    "@tamagui/separator": "1.140.4",
-    "@tamagui/shapes": "1.140.4",
-    "@tamagui/sheet": "1.140.4",
-    "@tamagui/slider": "1.140.4",
-    "@tamagui/stacks": "1.140.4",
-    "@tamagui/switch": "1.140.4",
-    "@tamagui/tabs": "1.140.4",
-    "@tamagui/text": "1.140.4",
-    "@tamagui/theme": "1.140.4",
-    "@tamagui/toggle-group": "1.140.4",
-    "@tamagui/tooltip": "1.140.4",
-    "@tamagui/use-controllable-state": "1.140.4",
-    "@tamagui/use-debounce": "1.140.4",
-    "@tamagui/use-force-update": "1.140.4",
-    "@tamagui/use-window-dimensions": "1.140.4",
-    "@tamagui/visually-hidden": "1.140.4",
-    "@tamagui/z-index-stack": "1.140.4"
+    "@tamagui/accordion": "1.141.0",
+    "@tamagui/adapt": "1.141.0",
+    "@tamagui/alert-dialog": "1.141.0",
+    "@tamagui/animate-presence": "1.141.0",
+    "@tamagui/avatar": "1.141.0",
+    "@tamagui/button": "1.141.0",
+    "@tamagui/card": "1.141.0",
+    "@tamagui/checkbox": "1.141.0",
+    "@tamagui/compose-refs": "1.141.0",
+    "@tamagui/constants": "1.141.0",
+    "@tamagui/core": "1.141.0",
+    "@tamagui/create-context": "1.141.0",
+    "@tamagui/dialog": "1.141.0",
+    "@tamagui/elements": "1.141.0",
+    "@tamagui/fake-react-native": "1.141.0",
+    "@tamagui/focusable": "1.141.0",
+    "@tamagui/font-size": "1.141.0",
+    "@tamagui/form": "1.141.0",
+    "@tamagui/get-button-sized": "1.141.0",
+    "@tamagui/get-font-sized": "1.141.0",
+    "@tamagui/get-token": "1.141.0",
+    "@tamagui/group": "1.141.0",
+    "@tamagui/helpers-tamagui": "1.141.0",
+    "@tamagui/image": "1.141.0",
+    "@tamagui/label": "1.141.0",
+    "@tamagui/linear-gradient": "1.141.0",
+    "@tamagui/list-item": "1.141.0",
+    "@tamagui/polyfill-dev": "1.141.0",
+    "@tamagui/popover": "1.141.0",
+    "@tamagui/popper": "1.141.0",
+    "@tamagui/portal": "1.141.0",
+    "@tamagui/progress": "1.141.0",
+    "@tamagui/radio-group": "1.141.0",
+    "@tamagui/react-native-media-driver": "1.141.0",
+    "@tamagui/scroll-view": "1.141.0",
+    "@tamagui/select": "1.141.0",
+    "@tamagui/separator": "1.141.0",
+    "@tamagui/shapes": "1.141.0",
+    "@tamagui/sheet": "1.141.0",
+    "@tamagui/slider": "1.141.0",
+    "@tamagui/stacks": "1.141.0",
+    "@tamagui/switch": "1.141.0",
+    "@tamagui/tabs": "1.141.0",
+    "@tamagui/text": "1.141.0",
+    "@tamagui/theme": "1.141.0",
+    "@tamagui/toggle-group": "1.141.0",
+    "@tamagui/tooltip": "1.141.0",
+    "@tamagui/use-controllable-state": "1.141.0",
+    "@tamagui/use-debounce": "1.141.0",
+    "@tamagui/use-force-update": "1.141.0",
+    "@tamagui/use-window-dimensions": "1.141.0",
+    "@tamagui/visually-hidden": "1.141.0",
+    "@tamagui/z-index-stack": "1.141.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.140.4",
+    "@tamagui/build": "1.141.0",
     "react": "*",
     "react-native": "0.81.5",
     "react-native-web": "^0.21.0"