tamagui 1.140.3 → 1.141.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/native.cjs +61 -42
  2. package/dist/test.cjs +61 -42
  3. package/package.json +55 -55
package/dist/native.cjs CHANGED
@@ -1148,7 +1148,7 @@ var pseudoDescriptorsBase = {
1148
1148
  priority: 5
1149
1149
  }
1150
1150
  }), defaultMediaImportance = Object.keys(pseudoDescriptors).length;
1151
- function _type_of$c(obj) {
1151
+ function _type_of$d(obj) {
1152
1152
  "@swc/helpers - typeof";
1153
1153
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1154
1154
  }
@@ -1172,13 +1172,13 @@ var mergeProps = function(defaultProps2, props) {
1172
1172
  };
1173
1173
  function mergeProp(out, defaultProps2, props, key) {
1174
1174
  var val = props[key];
1175
- if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$c(val)) === "object") {
1175
+ if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$d(val)) === "object") {
1176
1176
  var defaultVal = defaultProps2[key];
1177
- defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$c(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
1177
+ defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$d(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
1178
1178
  }
1179
1179
  out[key] = val;
1180
1180
  }
1181
- function _type_of$b(obj) {
1181
+ function _type_of$c(obj) {
1182
1182
  "@swc/helpers - typeof";
1183
1183
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1184
1184
  }
@@ -1186,7 +1186,7 @@ function objectIdentityKey(obj) {
1186
1186
  var k = "";
1187
1187
  for (var key in obj) {
1188
1188
  k += key;
1189
- var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$b(arg);
1189
+ var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$c(arg);
1190
1190
  if (!arg || type !== "object" && type !== "function") k += type + arg;
1191
1191
  else if (cache$6.has(arg)) k += cache$6.get(arg);
1192
1192
  else {
@@ -1350,7 +1350,7 @@ function clamp$1(value, param) {
1350
1350
  var [min2, max2] = param;
1351
1351
  return Math.min(max2, Math.max(min2, value));
1352
1352
  }
1353
- function _type_of$a(obj) {
1353
+ function _type_of$b(obj) {
1354
1354
  "@swc/helpers - typeof";
1355
1355
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1356
1356
  }
@@ -1359,7 +1359,7 @@ function composeEventHandlers(og, next) {
1359
1359
  checkDefaultPrevented = true
1360
1360
  } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
1361
1361
  return !og || !next ? next || og || void 0 : function(event) {
1362
- if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$a(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
1362
+ if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$b(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
1363
1363
  "defaultPrevented" in event && !event.defaultPrevented) return next == null ? void 0 : next(event);
1364
1364
  };
1365
1365
  }
@@ -1623,7 +1623,7 @@ var textColors = {
1623
1623
  disabledStyle: true,
1624
1624
  focusWithinStyle: true
1625
1625
  }, validStyles = stylePropsView;
1626
- function _type_of$9(obj) {
1626
+ function _type_of$a(obj) {
1627
1627
  "@swc/helpers - typeof";
1628
1628
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1629
1629
  }
@@ -1637,14 +1637,14 @@ var Decorated = Symbol(), withStaticProperties = function(component, staticProps
1637
1637
  });
1638
1638
  for (var key in component) {
1639
1639
  var v = component[key];
1640
- _[key] = v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" ? __spreadValues({}, v) : v;
1640
+ _[key] = v && (typeof v > "u" ? "undefined" : _type_of$a(v)) === "object" ? __spreadValues({}, v) : v;
1641
1641
  }
1642
1642
  }
1643
1643
  return component;
1644
1644
  })();
1645
1645
  return Object.assign(next, staticProps), next[Decorated] = true, next;
1646
1646
  };
1647
- function _type_of$8(obj) {
1647
+ function _type_of$9(obj) {
1648
1648
  "@swc/helpers - typeof";
1649
1649
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1650
1650
  }
@@ -1671,7 +1671,7 @@ function variableToString(vrble) {
1671
1671
  return isVariable(vrble) ? `${vrble.val}` : `${vrble || ""}`;
1672
1672
  }
1673
1673
  function isVariable(v) {
1674
- return v && (typeof v > "u" ? "undefined" : _type_of$8(v)) === "object" && "isVar" in v;
1674
+ return v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" && "isVar" in v;
1675
1675
  }
1676
1676
  function getVariable(nameOrVariable) {
1677
1677
  var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size", _tokens_group;
@@ -2952,12 +2952,12 @@ function getFontsForLanguage(fonts, language) {
2952
2952
  })));
2953
2953
  return fontLanguageCache.set(language, next), next;
2954
2954
  }
2955
- function _type_of$7(obj) {
2955
+ function _type_of$8(obj) {
2956
2956
  "@swc/helpers - typeof";
2957
2957
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
2958
2958
  }
2959
2959
  var isObj = function(x) {
2960
- return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$7(x)) === "object";
2960
+ return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$8(x)) === "object";
2961
2961
  };
2962
2962
  function normalizeStyle$1(style) {
2963
2963
  var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, res = {};
@@ -3044,7 +3044,7 @@ var skipProps = {
3044
3044
  animatePresence: 1
3045
3045
  };
3046
3046
  Object.assign(skipProps, webPropsToSkip);
3047
- function _type_of$6(obj) {
3047
+ function _type_of$7(obj) {
3048
3048
  "@swc/helpers - typeof";
3049
3049
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3050
3050
  }
@@ -3232,7 +3232,7 @@ function getVariantDefinition(variant, value, conf2) {
3232
3232
  var fontSizeVariant = variant["...fontSize"];
3233
3233
  if (fontSizeVariant && conf2.fontSizeTokens.has(value)) return fontSizeVariant;
3234
3234
  }
3235
- return variant[`:${typeof value > "u" ? "undefined" : _type_of$6(value)}`] || variant["..."];
3235
+ return variant[`:${typeof value > "u" ? "undefined" : _type_of$7(value)}`] || variant["..."];
3236
3236
  }
3237
3237
  }
3238
3238
  var fontShorthand = {
@@ -3307,7 +3307,7 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
3307
3307
  var sortString = function(a, b2) {
3308
3308
  return a < b2 ? -1 : a > b2 ? 1 : 0;
3309
3309
  };
3310
- function _type_of$5(obj) {
3310
+ function _type_of$6(obj) {
3311
3311
  "@swc/helpers - typeof";
3312
3312
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3313
3313
  }
@@ -3332,7 +3332,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
3332
3332
  if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
3333
3333
  if (accept) {
3334
3334
  var accepted = accept[keyInit];
3335
- 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";
3335
+ 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";
3336
3336
  }
3337
3337
  if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
3338
3338
  if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -3912,7 +3912,7 @@ function useDidFinishSSR() {
3912
3912
  React__namespace.useContext(ClientOnlyContext);
3913
3913
  return true;
3914
3914
  }
3915
- function _type_of$4(obj) {
3915
+ function _type_of$5(obj) {
3916
3916
  "@swc/helpers - typeof";
3917
3917
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3918
3918
  }
@@ -3990,7 +3990,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
3990
3990
  function hasAnimatedStyleValue(style) {
3991
3991
  return Object.keys(style).some(function(k) {
3992
3992
  var val = style[k];
3993
- return val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "_animation" in val;
3993
+ return val && (typeof val > "u" ? "undefined" : _type_of$5(val)) === "object" && "_animation" in val;
3994
3994
  });
3995
3995
  }
3996
3996
  var isDisabled = function(props) {
@@ -4772,7 +4772,7 @@ var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"
4772
4772
  function createShorthands(shorthands) {
4773
4773
  return Object.freeze(shorthands);
4774
4774
  }
4775
- function _type_of$3(obj) {
4775
+ function _type_of$4(obj) {
4776
4776
  "@swc/helpers - typeof";
4777
4777
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
4778
4778
  }
@@ -4787,7 +4787,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
4787
4787
  continue;
4788
4788
  }
4789
4789
  var niceKey = simpleHash(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
4790
- if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" && "needsPx" in val && "val" in val) {
4790
+ if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "needsPx" in val && "val" in val) {
4791
4791
  var finalValue = createVariable({
4792
4792
  val: val.val,
4793
4793
  name,
@@ -4796,7 +4796,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
4796
4796
  res[key] = finalValue;
4797
4797
  continue;
4798
4798
  }
4799
- if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object") {
4799
+ if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object") {
4800
4800
  res[key] = createVariables(tokens[key], name, false);
4801
4801
  continue;
4802
4802
  }
@@ -8392,7 +8392,7 @@ var getElevation = function(size, extras) {
8392
8392
  return shadow;
8393
8393
  }
8394
8394
  };
8395
- function _type_of$2(obj) {
8395
+ function _type_of$3(obj) {
8396
8396
  "@swc/helpers - typeof";
8397
8397
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
8398
8398
  }
@@ -8403,7 +8403,7 @@ var fullscreenStyle = {
8403
8403
  right: 0,
8404
8404
  bottom: 0
8405
8405
  }, getInset = function(val) {
8406
- return val && (typeof val > "u" ? "undefined" : _type_of$2(val)) === "object" ? val : {
8406
+ return val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" ? val : {
8407
8407
  top: val,
8408
8408
  left: val,
8409
8409
  bottom: val,
@@ -8663,7 +8663,7 @@ var chromelessStyle = {
8663
8663
  variants: themeableVariants
8664
8664
  });
8665
8665
  var ButtonNestingContext = /* @__PURE__ */ React.createContext(false);
8666
- function _type_of$1(obj) {
8666
+ function _type_of$2(obj) {
8667
8667
  "@swc/helpers - typeof";
8668
8668
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
8669
8669
  }
@@ -8693,7 +8693,7 @@ styled(Text$2, {
8693
8693
  });
8694
8694
  var cache = /* @__PURE__ */ new WeakMap();
8695
8695
  function getDefaultSizeToken(font) {
8696
- if ((typeof font > "u" ? "undefined" : _type_of$1(font)) === "object" && cache.has(font)) return cache.get(font);
8696
+ if ((typeof font > "u" ? "undefined" : _type_of$2(font)) === "object" && cache.has(font)) return cache.get(font);
8697
8697
  var sizeTokens = "$true" in font.size ? font.size : getTokens().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
8698
8698
  return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
8699
8699
  }) : null;
@@ -9907,9 +9907,10 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
9907
9907
  } = useConfiguration();
9908
9908
  if (!animationDriver) throw new Error("Sheet reqiures an animation driver to be set");
9909
9909
  var animationConfig = (function() {
9910
- if (animationDriver.supportsCSS) return {};
9910
+ var _animationDriver_animations;
9911
+ if (animationConfigProp) return animationConfigProp;
9911
9912
  var [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
9912
- return animationConfigProp != null ? animationConfigProp : animationProp ? __spreadValues(__spreadValues({}, animationDriver.animations[animationProp]), animationPropConfig) : null;
9913
+ return animationProp && !((_animationDriver_animations = animationDriver.animations) === null || _animationDriver_animations === void 0) && _animationDriver_animations[animationProp] ? __spreadValues(__spreadValues({}, animationDriver.animations[animationProp]), animationPropConfig) : null;
9913
9914
  })(), [isShowingInnerSheet, setIsShowingInnerSheet] = React.useState(false), shouldHideParentSheet = modal && isShowingInnerSheet && // if not using weird portal limitation we dont need to hide parent sheet
9914
9915
  USE_NATIVE_PORTAL, sheetInsideSheet = React.useContext(SheetInsideSheetContext), onInnerSheet = React.useCallback(function(hasChild) {
9915
9916
  setIsShowingInnerSheet(hasChild);
@@ -11224,7 +11225,7 @@ var AlertDialog = withStaticProperties(AlertDialogInner, {
11224
11225
  Description: AlertDialogDescription
11225
11226
  });
11226
11227
  AlertDialog.displayName = ROOT_NAME;
11227
- function _type_of(obj) {
11228
+ function _type_of$1(obj) {
11228
11229
  "@swc/helpers - typeof";
11229
11230
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
11230
11231
  }
@@ -11243,8 +11244,8 @@ var StyledImage = styled(ImageWithStatics, {
11243
11244
  var finalSource = typeof src == "string" ? __spreadValues({
11244
11245
  uri: src
11245
11246
  }, isWeb) : source != null ? source : src;
11246
- if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of(finalSource)) === "object") {
11247
- if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source))) {
11247
+ if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of$1(finalSource)) === "object") {
11248
+ if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of$1(source)) === "object" && !Array.isArray(source))) {
11248
11249
  var _style, _style1, _width;
11249
11250
  (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
11250
11251
  var _height;
@@ -11295,15 +11296,21 @@ var Circle = styled(Square, {
11295
11296
  name: "Circle",
11296
11297
  circular: true
11297
11298
  });
11299
+ function _type_of(obj) {
11300
+ "@swc/helpers - typeof";
11301
+ return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
11302
+ }
11298
11303
  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) {
11299
11304
  var _getShapeSize, _a = props, {
11300
11305
  __scopeAvatar,
11301
11306
  src,
11307
+ source,
11302
11308
  onLoadingStatusChange = function() {
11303
11309
  }
11304
11310
  } = _a, imageProps = __objRest(_a, [
11305
11311
  "__scopeAvatar",
11306
11312
  "src",
11313
+ "source",
11307
11314
  "onLoadingStatusChange"
11308
11315
  ]), context2 = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React__namespace.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
11309
11316
  context2.size,
@@ -11311,12 +11318,12 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
11311
11318
  {
11312
11319
  tokens: getTokens()
11313
11320
  }
11314
- )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
11321
+ )) === 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);
11315
11322
  return React__namespace.useEffect(function() {
11316
- setStatus(src ? "idle" : "error");
11317
- }, [JSON.stringify(src)]), React__namespace.useEffect(function() {
11323
+ setStatus(resolvedSrc ? "idle" : "error");
11324
+ }, [resolvedSrc]), React__namespace.useEffect(function() {
11318
11325
  onLoadingStatusChange(status), context2.onImageLoadingStatusChange(status);
11319
- }, [status]), src ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
11326
+ }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
11320
11327
  fullscreen: true,
11321
11328
  zIndex: 1,
11322
11329
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
@@ -11328,7 +11335,7 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
11328
11335
  // @ts-ignore
11329
11336
  ref: forwardedRef,
11330
11337
  // @ts-ignore
11331
- src,
11338
+ src: resolvedSrc,
11332
11339
  // onLoadStart={() => {
11333
11340
  // // setStatus('loading')
11334
11341
  // }}
@@ -13803,11 +13810,15 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
13803
13810
  React__namespace.useEffect(function() {
13804
13811
  virtualRef && refs.setReference(virtualRef.current);
13805
13812
  }, [virtualRef]);
13806
- var stackProps = anchorProps, refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
13813
+ var stackProps = anchorProps, safeSetReference = React__namespace.useCallback(function(node) {
13814
+ startTransition(function() {
13815
+ refs.setReference(node);
13816
+ });
13817
+ }, [refs.setReference]), refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
13807
13818
  forwardedRef,
13808
13819
  ref,
13809
13820
  // web handles this onMouseEnter below so it can support multiple targets + hovering
13810
- refs.setReference
13821
+ safeSetReference
13811
13822
  );
13812
13823
  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, stackProps), refProps), {
13813
13824
  ref: composedRefs
@@ -13858,7 +13869,11 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
13858
13869
  getFloatingProps,
13859
13870
  size,
13860
13871
  isPositioned
13861
- } = context2, contentRefs = useComposedRefs(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
13872
+ } = context2, safeSetFloating = React__namespace.useCallback(function(node) {
13873
+ startTransition(function() {
13874
+ refs.setFloating(node);
13875
+ });
13876
+ }, [refs.setFloating]), contentRefs = useComposedRefs(safeSetFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
13862
13877
  useIsomorphicLayoutEffect(function() {
13863
13878
  needsMeasure && x && y && setNeedsMeasure(false);
13864
13879
  }, [needsMeasure, enableAnimationForPositionChange, x, y]);
@@ -14075,7 +14090,9 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
14075
14090
  "zIndex",
14076
14091
  "scope"
14077
14092
  ]), context2 = usePopoverContext(scope), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), isRightClickOutsideRef = React__namespace.useRef(false), [isFullyHidden, setIsFullyHidden] = React__namespace.useState(!context2.open);
14078
- if (context2.open && isFullyHidden && setIsFullyHidden(false), !context2.keepChildrenMounted && isFullyHidden) return null;
14093
+ if (React__namespace.useEffect(function() {
14094
+ context2.open && isFullyHidden && setIsFullyHidden(false);
14095
+ }, [context2.open, isFullyHidden]), !context2.keepChildrenMounted && isFullyHidden && !context2.open) return null;
14079
14096
  var _contentImplProps_pointerEvents;
14080
14097
  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, {
14081
14098
  passThrough: context2.breakpointActive,
@@ -15331,7 +15348,7 @@ var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
15331
15348
  "scope",
15332
15349
  "children",
15333
15350
  "placeholder"
15334
- ]), 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;
15351
+ ]), _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;
15335
15352
  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
15336
15353
  size: itemParentContext.size,
15337
15354
  ellipse: true,
@@ -15547,7 +15564,8 @@ function SelectInner(props) {
15547
15564
  size: sizeProp = "$true",
15548
15565
  onActiveChange,
15549
15566
  dir,
15550
- id: id2
15567
+ id: id2,
15568
+ renderValue
15551
15569
  } = props;
15552
15570
  useAdaptIsActive(adaptScope);
15553
15571
  var SelectImpl = SelectSheetImpl, forceUpdate = React__namespace.useReducer(function() {
@@ -15628,6 +15646,7 @@ function SelectInner(props) {
15628
15646
  value,
15629
15647
  open: open2,
15630
15648
  native,
15649
+ renderValue,
15631
15650
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSheetController, {
15632
15651
  onOpenChange: setOpen,
15633
15652
  scope,
package/dist/test.cjs CHANGED
@@ -1380,7 +1380,7 @@ var pseudoDescriptorsBase = {
1380
1380
  priority: 5
1381
1381
  }
1382
1382
  }), defaultMediaImportance = Object.keys(pseudoDescriptors).length;
1383
- function _type_of$c(obj) {
1383
+ function _type_of$d(obj) {
1384
1384
  "@swc/helpers - typeof";
1385
1385
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1386
1386
  }
@@ -1404,13 +1404,13 @@ var mergeProps = function(defaultProps2, props) {
1404
1404
  };
1405
1405
  function mergeProp(out, defaultProps2, props, key) {
1406
1406
  var val = props[key];
1407
- if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$c(val)) === "object") {
1407
+ if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$d(val)) === "object") {
1408
1408
  var defaultVal = defaultProps2[key];
1409
- defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$c(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
1409
+ defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$d(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
1410
1410
  }
1411
1411
  out[key] = val;
1412
1412
  }
1413
- function _type_of$b(obj) {
1413
+ function _type_of$c(obj) {
1414
1414
  "@swc/helpers - typeof";
1415
1415
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1416
1416
  }
@@ -1418,7 +1418,7 @@ function objectIdentityKey(obj) {
1418
1418
  var k = "";
1419
1419
  for (var key in obj) {
1420
1420
  k += key;
1421
- var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$b(arg);
1421
+ var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$c(arg);
1422
1422
  if (!arg || type !== "object" && type !== "function") k += type + arg;
1423
1423
  else if (cache$6.has(arg)) k += cache$6.get(arg);
1424
1424
  else {
@@ -1582,7 +1582,7 @@ function clamp$1(value, param) {
1582
1582
  var [min2, max2] = param;
1583
1583
  return Math.min(max2, Math.max(min2, value));
1584
1584
  }
1585
- function _type_of$a(obj) {
1585
+ function _type_of$b(obj) {
1586
1586
  "@swc/helpers - typeof";
1587
1587
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1588
1588
  }
@@ -1591,7 +1591,7 @@ function composeEventHandlers(og, next) {
1591
1591
  checkDefaultPrevented = true
1592
1592
  } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
1593
1593
  return !og || !next ? next || og || void 0 : function(event) {
1594
- if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$a(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
1594
+ if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$b(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
1595
1595
  "defaultPrevented" in event && !event.defaultPrevented) return next == null ? void 0 : next(event);
1596
1596
  };
1597
1597
  }
@@ -1855,7 +1855,7 @@ var textColors = {
1855
1855
  disabledStyle: true,
1856
1856
  focusWithinStyle: true
1857
1857
  }, validStyles = stylePropsView;
1858
- function _type_of$9(obj) {
1858
+ function _type_of$a(obj) {
1859
1859
  "@swc/helpers - typeof";
1860
1860
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1861
1861
  }
@@ -1869,14 +1869,14 @@ var Decorated = Symbol(), withStaticProperties = function(component, staticProps
1869
1869
  });
1870
1870
  for (var key in component) {
1871
1871
  var v = component[key];
1872
- _[key] = v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" ? __spreadValues({}, v) : v;
1872
+ _[key] = v && (typeof v > "u" ? "undefined" : _type_of$a(v)) === "object" ? __spreadValues({}, v) : v;
1873
1873
  }
1874
1874
  }
1875
1875
  return component;
1876
1876
  })();
1877
1877
  return Object.assign(next, staticProps), next[Decorated] = true, next;
1878
1878
  };
1879
- function _type_of$8(obj) {
1879
+ function _type_of$9(obj) {
1880
1880
  "@swc/helpers - typeof";
1881
1881
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
1882
1882
  }
@@ -1903,7 +1903,7 @@ function variableToString(vrble) {
1903
1903
  return isVariable(vrble) ? `${vrble.val}` : `${vrble || ""}`;
1904
1904
  }
1905
1905
  function isVariable(v) {
1906
- return v && (typeof v > "u" ? "undefined" : _type_of$8(v)) === "object" && "isVar" in v;
1906
+ return v && (typeof v > "u" ? "undefined" : _type_of$9(v)) === "object" && "isVar" in v;
1907
1907
  }
1908
1908
  function getVariable(nameOrVariable) {
1909
1909
  var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size", _tokens_group;
@@ -3184,12 +3184,12 @@ function getFontsForLanguage(fonts, language) {
3184
3184
  })));
3185
3185
  return fontLanguageCache.set(language, next), next;
3186
3186
  }
3187
- function _type_of$7(obj) {
3187
+ function _type_of$8(obj) {
3188
3188
  "@swc/helpers - typeof";
3189
3189
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3190
3190
  }
3191
3191
  var isObj = function(x) {
3192
- return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$7(x)) === "object";
3192
+ return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$8(x)) === "object";
3193
3193
  };
3194
3194
  function normalizeStyle$1(style) {
3195
3195
  var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, res = {};
@@ -3277,7 +3277,7 @@ var skipProps = {
3277
3277
  };
3278
3278
  skipProps["data-test-renders"] = 1;
3279
3279
  Object.assign(skipProps, webPropsToSkip);
3280
- function _type_of$6(obj) {
3280
+ function _type_of$7(obj) {
3281
3281
  "@swc/helpers - typeof";
3282
3282
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3283
3283
  }
@@ -3465,7 +3465,7 @@ function getVariantDefinition(variant, value, conf2) {
3465
3465
  var fontSizeVariant = variant["...fontSize"];
3466
3466
  if (fontSizeVariant && conf2.fontSizeTokens.has(value)) return fontSizeVariant;
3467
3467
  }
3468
- return variant[`:${typeof value > "u" ? "undefined" : _type_of$6(value)}`] || variant["..."];
3468
+ return variant[`:${typeof value > "u" ? "undefined" : _type_of$7(value)}`] || variant["..."];
3469
3469
  }
3470
3470
  }
3471
3471
  var fontShorthand = {
@@ -3540,7 +3540,7 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
3540
3540
  var sortString = function(a, b2) {
3541
3541
  return a < b2 ? -1 : a > b2 ? 1 : 0;
3542
3542
  };
3543
- function _type_of$5(obj) {
3543
+ function _type_of$6(obj) {
3544
3544
  "@swc/helpers - typeof";
3545
3545
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
3546
3546
  }
@@ -3566,7 +3566,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
3566
3566
  if (keyInit === "jestAnimatedStyle") return "continue";
3567
3567
  if (accept) {
3568
3568
  var accepted = accept[keyInit];
3569
- 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";
3569
+ 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";
3570
3570
  }
3571
3571
  if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
3572
3572
  if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -4146,7 +4146,7 @@ function useDidFinishSSR() {
4146
4146
  React__namespace.useContext(ClientOnlyContext);
4147
4147
  return true;
4148
4148
  }
4149
- function _type_of$4(obj) {
4149
+ function _type_of$5(obj) {
4150
4150
  "@swc/helpers - typeof";
4151
4151
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
4152
4152
  }
@@ -4224,7 +4224,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
4224
4224
  function hasAnimatedStyleValue(style) {
4225
4225
  return Object.keys(style).some(function(k) {
4226
4226
  var val = style[k];
4227
- return val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "_animation" in val;
4227
+ return val && (typeof val > "u" ? "undefined" : _type_of$5(val)) === "object" && "_animation" in val;
4228
4228
  });
4229
4229
  }
4230
4230
  var isDisabled = function(props) {
@@ -5010,7 +5010,7 @@ var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"
5010
5010
  function createShorthands(shorthands) {
5011
5011
  return Object.freeze(shorthands);
5012
5012
  }
5013
- function _type_of$3(obj) {
5013
+ function _type_of$4(obj) {
5014
5014
  "@swc/helpers - typeof";
5015
5015
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
5016
5016
  }
@@ -5025,7 +5025,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
5025
5025
  continue;
5026
5026
  }
5027
5027
  var niceKey = simpleHash(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
5028
- if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" && "needsPx" in val && "val" in val) {
5028
+ if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object" && "needsPx" in val && "val" in val) {
5029
5029
  var finalValue = createVariable({
5030
5030
  val: val.val,
5031
5031
  name,
@@ -5034,7 +5034,7 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens)
5034
5034
  res[key] = finalValue;
5035
5035
  continue;
5036
5036
  }
5037
- if (val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object") {
5037
+ if (val && (typeof val > "u" ? "undefined" : _type_of$4(val)) === "object") {
5038
5038
  res[key] = createVariables(tokens[key], name, false);
5039
5039
  continue;
5040
5040
  }
@@ -8531,7 +8531,7 @@ var getElevation = function(size, extras) {
8531
8531
  return shadow;
8532
8532
  }
8533
8533
  };
8534
- function _type_of$2(obj) {
8534
+ function _type_of$3(obj) {
8535
8535
  "@swc/helpers - typeof";
8536
8536
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
8537
8537
  }
@@ -8542,7 +8542,7 @@ var fullscreenStyle = {
8542
8542
  right: 0,
8543
8543
  bottom: 0
8544
8544
  }, getInset = function(val) {
8545
- return val && (typeof val > "u" ? "undefined" : _type_of$2(val)) === "object" ? val : {
8545
+ return val && (typeof val > "u" ? "undefined" : _type_of$3(val)) === "object" ? val : {
8546
8546
  top: val,
8547
8547
  left: val,
8548
8548
  bottom: val,
@@ -8802,7 +8802,7 @@ var chromelessStyle = {
8802
8802
  variants: themeableVariants
8803
8803
  });
8804
8804
  var ButtonNestingContext = /* @__PURE__ */ React.createContext(false);
8805
- function _type_of$1(obj) {
8805
+ function _type_of$2(obj) {
8806
8806
  "@swc/helpers - typeof";
8807
8807
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
8808
8808
  }
@@ -8832,7 +8832,7 @@ styled(Text$2, {
8832
8832
  });
8833
8833
  var cache = /* @__PURE__ */ new WeakMap();
8834
8834
  function getDefaultSizeToken(font) {
8835
- if ((typeof font > "u" ? "undefined" : _type_of$1(font)) === "object" && cache.has(font)) return cache.get(font);
8835
+ if ((typeof font > "u" ? "undefined" : _type_of$2(font)) === "object" && cache.has(font)) return cache.get(font);
8836
8836
  var sizeTokens = "$true" in font.size ? font.size : getTokens().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
8837
8837
  return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
8838
8838
  }) : null;
@@ -10046,9 +10046,10 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
10046
10046
  } = useConfiguration();
10047
10047
  if (!animationDriver) throw new Error("Sheet reqiures an animation driver to be set");
10048
10048
  var animationConfig = (function() {
10049
- if (animationDriver.supportsCSS) return {};
10049
+ var _animationDriver_animations;
10050
+ if (animationConfigProp) return animationConfigProp;
10050
10051
  var [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
10051
- return animationConfigProp != null ? animationConfigProp : animationProp ? __spreadValues(__spreadValues({}, animationDriver.animations[animationProp]), animationPropConfig) : null;
10052
+ return animationProp && !((_animationDriver_animations = animationDriver.animations) === null || _animationDriver_animations === void 0) && _animationDriver_animations[animationProp] ? __spreadValues(__spreadValues({}, animationDriver.animations[animationProp]), animationPropConfig) : null;
10052
10053
  })(), [isShowingInnerSheet, setIsShowingInnerSheet] = React.useState(false), shouldHideParentSheet = modal && isShowingInnerSheet && // if not using weird portal limitation we dont need to hide parent sheet
10053
10054
  USE_NATIVE_PORTAL, sheetInsideSheet = React.useContext(SheetInsideSheetContext), onInnerSheet = React.useCallback(function(hasChild) {
10054
10055
  setIsShowingInnerSheet(hasChild);
@@ -11363,7 +11364,7 @@ var AlertDialog = withStaticProperties(AlertDialogInner, {
11363
11364
  Description: AlertDialogDescription
11364
11365
  });
11365
11366
  AlertDialog.displayName = ROOT_NAME;
11366
- function _type_of(obj) {
11367
+ function _type_of$1(obj) {
11367
11368
  "@swc/helpers - typeof";
11368
11369
  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
11369
11370
  }
@@ -11382,8 +11383,8 @@ var StyledImage = styled(ImageWithStatics, {
11382
11383
  var finalSource = typeof src == "string" ? __spreadValues({
11383
11384
  uri: src
11384
11385
  }, isWeb) : source != null ? source : src;
11385
- if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of(finalSource)) === "object") {
11386
- if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source))) {
11386
+ if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of$1(finalSource)) === "object") {
11387
+ if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of$1(source)) === "object" && !Array.isArray(source))) {
11387
11388
  var _style, _style1, _width;
11388
11389
  (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
11389
11390
  var _height;
@@ -11434,15 +11435,21 @@ var Circle = styled(Square, {
11434
11435
  name: "Circle",
11435
11436
  circular: true
11436
11437
  });
11438
+ function _type_of(obj) {
11439
+ "@swc/helpers - typeof";
11440
+ return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
11441
+ }
11437
11442
  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) {
11438
11443
  var _getShapeSize, _a = props, {
11439
11444
  __scopeAvatar,
11440
11445
  src,
11446
+ source,
11441
11447
  onLoadingStatusChange = function() {
11442
11448
  }
11443
11449
  } = _a, imageProps = __objRest(_a, [
11444
11450
  "__scopeAvatar",
11445
11451
  "src",
11452
+ "source",
11446
11453
  "onLoadingStatusChange"
11447
11454
  ]), context2 = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React__namespace.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
11448
11455
  context2.size,
@@ -11450,12 +11457,12 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
11450
11457
  {
11451
11458
  tokens: getTokens()
11452
11459
  }
11453
- )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
11460
+ )) === 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);
11454
11461
  return React__namespace.useEffect(function() {
11455
- setStatus(src ? "idle" : "error");
11456
- }, [JSON.stringify(src)]), React__namespace.useEffect(function() {
11462
+ setStatus(resolvedSrc ? "idle" : "error");
11463
+ }, [resolvedSrc]), React__namespace.useEffect(function() {
11457
11464
  onLoadingStatusChange(status), context2.onImageLoadingStatusChange(status);
11458
- }, [status]), src ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
11465
+ }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
11459
11466
  fullscreen: true,
11460
11467
  zIndex: 1,
11461
11468
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
@@ -11467,7 +11474,7 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
11467
11474
  // @ts-ignore
11468
11475
  ref: forwardedRef,
11469
11476
  // @ts-ignore
11470
- src,
11477
+ src: resolvedSrc,
11471
11478
  // onLoadStart={() => {
11472
11479
  // // setStatus('loading')
11473
11480
  // }}
@@ -13942,11 +13949,15 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
13942
13949
  React__namespace.useEffect(function() {
13943
13950
  virtualRef && refs.setReference(virtualRef.current);
13944
13951
  }, [virtualRef]);
13945
- var stackProps = anchorProps, refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
13952
+ var stackProps = anchorProps, safeSetReference = React__namespace.useCallback(function(node) {
13953
+ startTransition(function() {
13954
+ refs.setReference(node);
13955
+ });
13956
+ }, [refs.setReference]), refProps = getReferenceProps ? getReferenceProps(stackProps) : null, shouldHandleInHover = isWeb, composedRefs = useComposedRefs(
13946
13957
  forwardedRef,
13947
13958
  ref,
13948
13959
  // web handles this onMouseEnter below so it can support multiple targets + hovering
13949
- refs.setReference
13960
+ safeSetReference
13950
13961
  );
13951
13962
  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, stackProps), refProps), {
13952
13963
  ref: composedRefs
@@ -13997,7 +14008,11 @@ var PopperAnchor = YStack.extractable(/* @__PURE__ */ React__namespace.forwardRe
13997
14008
  getFloatingProps,
13998
14009
  size,
13999
14010
  isPositioned
14000
- } = context2, contentRefs = useComposedRefs(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
14011
+ } = context2, safeSetFloating = React__namespace.useCallback(function(node) {
14012
+ startTransition(function() {
14013
+ refs.setFloating(node);
14014
+ });
14015
+ }, [refs.setFloating]), contentRefs = useComposedRefs(safeSetFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React__namespace.useState(enableAnimationForPositionChange);
14001
14016
  useIsomorphicLayoutEffect(function() {
14002
14017
  needsMeasure && x && y && setNeedsMeasure(false);
14003
14018
  }, [needsMeasure, enableAnimationForPositionChange, x, y]);
@@ -14214,7 +14229,9 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
14214
14229
  "zIndex",
14215
14230
  "scope"
14216
14231
  ]), context2 = usePopoverContext(scope), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), isRightClickOutsideRef = React__namespace.useRef(false), [isFullyHidden, setIsFullyHidden] = React__namespace.useState(!context2.open);
14217
- if (context2.open && isFullyHidden && setIsFullyHidden(false), !context2.keepChildrenMounted && isFullyHidden) return null;
14232
+ if (React__namespace.useEffect(function() {
14233
+ context2.open && isFullyHidden && setIsFullyHidden(false);
14234
+ }, [context2.open, isFullyHidden]), !context2.keepChildrenMounted && isFullyHidden && !context2.open) return null;
14218
14235
  var _contentImplProps_pointerEvents;
14219
14236
  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, {
14220
14237
  passThrough: context2.breakpointActive,
@@ -15470,7 +15487,7 @@ var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
15470
15487
  "scope",
15471
15488
  "children",
15472
15489
  "placeholder"
15473
- ]), 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;
15490
+ ]), _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;
15474
15491
  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
15475
15492
  size: itemParentContext.size,
15476
15493
  ellipse: true,
@@ -15686,7 +15703,8 @@ function SelectInner(props) {
15686
15703
  size: sizeProp = "$true",
15687
15704
  onActiveChange,
15688
15705
  dir,
15689
- id: id2
15706
+ id: id2,
15707
+ renderValue
15690
15708
  } = props;
15691
15709
  useAdaptIsActive(adaptScope);
15692
15710
  var SelectImpl = SelectSheetImpl, forceUpdate = React__namespace.useReducer(function() {
@@ -15767,6 +15785,7 @@ function SelectInner(props) {
15767
15785
  value,
15768
15786
  open: open2,
15769
15787
  native,
15788
+ renderValue,
15770
15789
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSheetController, {
15771
15790
  onOpenChange: setOpen,
15772
15791
  scope,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tamagui",
3
- "version": "1.140.3",
3
+ "version": "1.141.0",
4
4
  "type": "module",
5
5
  "description": "Style and UI for React (web and native) meet an optimizing compiler",
6
6
  "removeSideEffects": true,
@@ -81,62 +81,62 @@
81
81
  }
82
82
  },
83
83
  "dependencies": {
84
- "@tamagui/accordion": "1.140.3",
85
- "@tamagui/adapt": "1.140.3",
86
- "@tamagui/alert-dialog": "1.140.3",
87
- "@tamagui/animate-presence": "1.140.3",
88
- "@tamagui/avatar": "1.140.3",
89
- "@tamagui/button": "1.140.3",
90
- "@tamagui/card": "1.140.3",
91
- "@tamagui/checkbox": "1.140.3",
92
- "@tamagui/compose-refs": "1.140.3",
93
- "@tamagui/constants": "1.140.3",
94
- "@tamagui/core": "1.140.3",
95
- "@tamagui/create-context": "1.140.3",
96
- "@tamagui/dialog": "1.140.3",
97
- "@tamagui/elements": "1.140.3",
98
- "@tamagui/fake-react-native": "1.140.3",
99
- "@tamagui/focusable": "1.140.3",
100
- "@tamagui/font-size": "1.140.3",
101
- "@tamagui/form": "1.140.3",
102
- "@tamagui/get-button-sized": "1.140.3",
103
- "@tamagui/get-font-sized": "1.140.3",
104
- "@tamagui/get-token": "1.140.3",
105
- "@tamagui/group": "1.140.3",
106
- "@tamagui/helpers-tamagui": "1.140.3",
107
- "@tamagui/image": "1.140.3",
108
- "@tamagui/label": "1.140.3",
109
- "@tamagui/linear-gradient": "1.140.3",
110
- "@tamagui/list-item": "1.140.3",
111
- "@tamagui/polyfill-dev": "1.140.3",
112
- "@tamagui/popover": "1.140.3",
113
- "@tamagui/popper": "1.140.3",
114
- "@tamagui/portal": "1.140.3",
115
- "@tamagui/progress": "1.140.3",
116
- "@tamagui/radio-group": "1.140.3",
117
- "@tamagui/react-native-media-driver": "1.140.3",
118
- "@tamagui/scroll-view": "1.140.3",
119
- "@tamagui/select": "1.140.3",
120
- "@tamagui/separator": "1.140.3",
121
- "@tamagui/shapes": "1.140.3",
122
- "@tamagui/sheet": "1.140.3",
123
- "@tamagui/slider": "1.140.3",
124
- "@tamagui/stacks": "1.140.3",
125
- "@tamagui/switch": "1.140.3",
126
- "@tamagui/tabs": "1.140.3",
127
- "@tamagui/text": "1.140.3",
128
- "@tamagui/theme": "1.140.3",
129
- "@tamagui/toggle-group": "1.140.3",
130
- "@tamagui/tooltip": "1.140.3",
131
- "@tamagui/use-controllable-state": "1.140.3",
132
- "@tamagui/use-debounce": "1.140.3",
133
- "@tamagui/use-force-update": "1.140.3",
134
- "@tamagui/use-window-dimensions": "1.140.3",
135
- "@tamagui/visually-hidden": "1.140.3",
136
- "@tamagui/z-index-stack": "1.140.3"
84
+ "@tamagui/accordion": "1.141.0",
85
+ "@tamagui/adapt": "1.141.0",
86
+ "@tamagui/alert-dialog": "1.141.0",
87
+ "@tamagui/animate-presence": "1.141.0",
88
+ "@tamagui/avatar": "1.141.0",
89
+ "@tamagui/button": "1.141.0",
90
+ "@tamagui/card": "1.141.0",
91
+ "@tamagui/checkbox": "1.141.0",
92
+ "@tamagui/compose-refs": "1.141.0",
93
+ "@tamagui/constants": "1.141.0",
94
+ "@tamagui/core": "1.141.0",
95
+ "@tamagui/create-context": "1.141.0",
96
+ "@tamagui/dialog": "1.141.0",
97
+ "@tamagui/elements": "1.141.0",
98
+ "@tamagui/fake-react-native": "1.141.0",
99
+ "@tamagui/focusable": "1.141.0",
100
+ "@tamagui/font-size": "1.141.0",
101
+ "@tamagui/form": "1.141.0",
102
+ "@tamagui/get-button-sized": "1.141.0",
103
+ "@tamagui/get-font-sized": "1.141.0",
104
+ "@tamagui/get-token": "1.141.0",
105
+ "@tamagui/group": "1.141.0",
106
+ "@tamagui/helpers-tamagui": "1.141.0",
107
+ "@tamagui/image": "1.141.0",
108
+ "@tamagui/label": "1.141.0",
109
+ "@tamagui/linear-gradient": "1.141.0",
110
+ "@tamagui/list-item": "1.141.0",
111
+ "@tamagui/polyfill-dev": "1.141.0",
112
+ "@tamagui/popover": "1.141.0",
113
+ "@tamagui/popper": "1.141.0",
114
+ "@tamagui/portal": "1.141.0",
115
+ "@tamagui/progress": "1.141.0",
116
+ "@tamagui/radio-group": "1.141.0",
117
+ "@tamagui/react-native-media-driver": "1.141.0",
118
+ "@tamagui/scroll-view": "1.141.0",
119
+ "@tamagui/select": "1.141.0",
120
+ "@tamagui/separator": "1.141.0",
121
+ "@tamagui/shapes": "1.141.0",
122
+ "@tamagui/sheet": "1.141.0",
123
+ "@tamagui/slider": "1.141.0",
124
+ "@tamagui/stacks": "1.141.0",
125
+ "@tamagui/switch": "1.141.0",
126
+ "@tamagui/tabs": "1.141.0",
127
+ "@tamagui/text": "1.141.0",
128
+ "@tamagui/theme": "1.141.0",
129
+ "@tamagui/toggle-group": "1.141.0",
130
+ "@tamagui/tooltip": "1.141.0",
131
+ "@tamagui/use-controllable-state": "1.141.0",
132
+ "@tamagui/use-debounce": "1.141.0",
133
+ "@tamagui/use-force-update": "1.141.0",
134
+ "@tamagui/use-window-dimensions": "1.141.0",
135
+ "@tamagui/visually-hidden": "1.141.0",
136
+ "@tamagui/z-index-stack": "1.141.0"
137
137
  },
138
138
  "devDependencies": {
139
- "@tamagui/build": "1.140.3",
139
+ "@tamagui/build": "1.141.0",
140
140
  "react": "*",
141
141
  "react-native": "0.81.5",
142
142
  "react-native-web": "^0.21.0"