@tamagui/core 1.88.0 → 1.88.2

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 (39) hide show
  1. package/dist/cjs/createOptimizedView.js +0 -4
  2. package/dist/cjs/getBaseViews.js +0 -4
  3. package/dist/cjs/helpers/getBoundingClientRect.js +1 -6
  4. package/dist/cjs/helpers/getBoundingClientRect.js.map +1 -1
  5. package/dist/cjs/helpers/getRect.js +0 -4
  6. package/dist/cjs/hooks/useElementLayout.js +3 -9
  7. package/dist/cjs/hooks/useElementLayout.js.map +1 -1
  8. package/dist/cjs/hooks/usePlatformMethods.js +0 -4
  9. package/dist/cjs/hooks/usePlatformMethods.native.js +2 -2
  10. package/dist/cjs/hooks/usePlatformMethods.native.js.map +1 -1
  11. package/dist/cjs/index.js +0 -8
  12. package/dist/cjs/inject-styles.js +0 -4
  13. package/dist/cjs/reactNativeTypes.js +0 -5
  14. package/dist/cjs/vendor/Pressability.js +0 -5
  15. package/dist/esm/createOptimizedView.native.js +38 -16
  16. package/dist/esm/createOptimizedView.native.js.map +1 -1
  17. package/dist/esm/getBaseViews.native.js +23 -2
  18. package/dist/esm/getBaseViews.native.js.map +1 -1
  19. package/dist/esm/helpers/getBoundingClientRect.native.js +25 -3
  20. package/dist/esm/helpers/getBoundingClientRect.native.js.map +1 -1
  21. package/dist/esm/helpers/getRect.native.js +25 -4
  22. package/dist/esm/helpers/getRect.native.js.map +1 -1
  23. package/dist/esm/hooks/useElementLayout.native.js +31 -9
  24. package/dist/esm/hooks/useElementLayout.native.js.map +1 -1
  25. package/dist/esm/hooks/usePlatformMethods.native.js +28 -9
  26. package/dist/esm/hooks/usePlatformMethods.native.js.map +1 -1
  27. package/dist/esm/index.native.js +40 -28
  28. package/dist/esm/index.native.js.map +2 -2
  29. package/dist/esm/inject-styles.native.js +23 -2
  30. package/dist/esm/inject-styles.native.js.map +1 -1
  31. package/dist/esm/reactNativeTypes.native.js +25 -3
  32. package/dist/esm/reactNativeTypes.native.js.map +1 -1
  33. package/dist/esm/vendor/Pressability.native.js +24 -2
  34. package/dist/esm/vendor/Pressability.native.js.map +1 -1
  35. package/dist/native.js +38 -36
  36. package/dist/native.js.map +2 -2
  37. package/dist/test.native.js +36 -34
  38. package/dist/test.native.js.map +2 -2
  39. package/package.json +6 -6
@@ -1422,7 +1422,7 @@ var require_insertStyleRule_native = __commonJS({
1422
1422
  let [identifier, cssRule, isTheme] = response;
1423
1423
  if (isTheme) {
1424
1424
  let deduped = addThemesFromCSS(cssRule, tokens);
1425
- deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
1425
+ deduped && (dedupedThemes || (dedupedThemes = []), dedupedThemes.push(deduped));
1426
1426
  continue;
1427
1427
  }
1428
1428
  let total = track(identifier, remove);
@@ -1450,7 +1450,7 @@ var require_insertStyleRule_native = __commonJS({
1450
1450
  let key = rule.slice(rule.indexOf("--") + 2, sepI), val = rule.slice(sepI + 2), value;
1451
1451
  if (val.startsWith("var(")) {
1452
1452
  let varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
1453
- tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
1453
+ tokenVal ? value = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value = rootComputedStyle.getPropertyValue("--" + varName));
1454
1454
  } else
1455
1455
  value = val;
1456
1456
  values[key] = (0, import_createVariable.createVariable)(
@@ -1738,7 +1738,8 @@ var require_useMedia_native = __commonJS({
1738
1738
  );
1739
1739
  return new Proxy(state, {
1740
1740
  get(_, key) {
1741
- return typeof key == "string" && (internal.current ||= { prev: initialState }, internal.current.touched ||= /* @__PURE__ */ new Set(), internal.current.touched.add(key)), Reflect.get(state, key);
1741
+ var _a;
1742
+ return typeof key == "string" && (internal.current || (internal.current = { prev: initialState }), (_a = internal.current).touched || (_a.touched = /* @__PURE__ */ new Set()), internal.current.touched.add(key)), Reflect.get(state, key);
1742
1743
  }
1743
1744
  });
1744
1745
  }
@@ -1909,16 +1910,16 @@ var require_ThemeManager_native = __commonJS({
1909
1910
  }
1910
1911
  get allKeys() {
1911
1912
  var _a;
1912
- return this._allKeys ||= /* @__PURE__ */ new Set([
1913
+ return this._allKeys || (this._allKeys = /* @__PURE__ */ new Set([
1913
1914
  ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
1914
1915
  ...Object.keys(this.state.theme || {})
1915
- ]), this._allKeys;
1916
+ ])), this._allKeys;
1916
1917
  }
1917
1918
  notify(forced = !1) {
1918
- this.themeListeners.forEach((cb) => cb(this.state.name, this, forced)), this._numChangeEventsSent ??= 0, this._numChangeEventsSent++;
1919
+ this.themeListeners.forEach((cb) => cb(this.state.name, this, forced)), this._numChangeEventsSent ?? (this._numChangeEventsSent = 0), this._numChangeEventsSent++;
1919
1920
  }
1920
1921
  onChangeTheme(cb, debugId) {
1921
- return debugId && (this._listeningIds ??= /* @__PURE__ */ new Set(), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
1922
+ return debugId && (this._listeningIds ?? (this._listeningIds = /* @__PURE__ */ new Set()), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
1922
1923
  this.themeListeners.delete(cb);
1923
1924
  };
1924
1925
  }
@@ -3285,9 +3286,10 @@ var require_expandStyles_native = __commonJS({
3285
3286
  module2.exports = __toCommonJS2(expandStyles_exports);
3286
3287
  var import_constants = require_index_native3(), import_normalizeShadow = require_normalizeShadow_native();
3287
3288
  function fixStyles(style) {
3289
+ var _a;
3288
3290
  "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
3289
3291
  for (let key in borderDefaults)
3290
- key in style && (style[borderDefaults[key]] ||= "solid");
3292
+ key in style && (style[_a = borderDefaults[key]] || (style[_a] = "solid"));
3291
3293
  }
3292
3294
  var nativeStyle = import_constants.isWeb ? null : "borderStyle", borderDefaults = {
3293
3295
  borderWidth: "borderStyle",
@@ -3683,7 +3685,7 @@ var require_propMapper_native = __commonJS({
3683
3685
  let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
3684
3686
  if (variantOut)
3685
3687
  for (let [key2, val2] of variantOut)
3686
- val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ??= {}, Object.assign(res[key2], val2)) : res[key2] = val2);
3688
+ val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
3687
3689
  }
3688
3690
  continue;
3689
3691
  }
@@ -3701,7 +3703,7 @@ var require_propMapper_native = __commonJS({
3701
3703
  }
3702
3704
  if ((0, import_isObj.isObj)(val)) {
3703
3705
  let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
3704
- res[subKey] ??= {}, Object.assign(res[subKey], subObject);
3706
+ res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
3705
3707
  } else
3706
3708
  res[subKey] = val;
3707
3709
  }
@@ -3926,9 +3928,9 @@ var require_getSplitStyles_native = __commonJS({
3926
3928
  val,
3927
3929
  styleProps.noClassNames
3928
3930
  ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
3929
- if (!descriptor || isExit && !styleProps.isExiting)
3931
+ if (!descriptor)
3930
3932
  continue;
3931
- if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
3933
+ if ((!shouldDoClasses || IS_STATIC) && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), IS_STATIC)) {
3932
3934
  Object.assign(pseudos[key], pseudoStyleObject);
3933
3935
  continue;
3934
3936
  }
@@ -3945,10 +3947,10 @@ var require_getSplitStyles_native = __commonJS({
3945
3947
  let val2 = pseudoStyleObject[pkey];
3946
3948
  if (isDisabled) {
3947
3949
  let defaultValues = animatableDefaults[pkey];
3948
- defaultValues && !(pkey in usedKeys) && mergeStyle(styleState, pkey, defaultValues);
3950
+ defaultValues != null && !(pkey in usedKeys) && mergeStyle(styleState, pkey, defaultValues);
3949
3951
  } else {
3950
3952
  let curImportance = usedKeys[pkey] || 0;
3951
- importance >= curImportance && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2));
3953
+ importance >= curImportance && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2));
3952
3954
  }
3953
3955
  }
3954
3956
  if (!isDisabled)
@@ -3971,7 +3973,7 @@ var require_getSplitStyles_native = __commonJS({
3971
3973
  )
3972
3974
  continue;
3973
3975
  }
3974
- hasMedia ||= !0;
3976
+ hasMedia || (hasMedia = !0);
3975
3977
  let mediaStyle = getSubStyle(
3976
3978
  styleState,
3977
3979
  key,
@@ -4018,14 +4020,14 @@ var require_getSplitStyles_native = __commonJS({
4018
4020
  continue;
4019
4021
  let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
4020
4022
  if (groupMediaKey) {
4021
- mediaGroups ||= /* @__PURE__ */ new Set(), mediaGroups.add(groupMediaKey);
4023
+ mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
4022
4024
  let mediaState22 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState22 == null ? void 0 : mediaState22[groupMediaKey];
4023
4025
  if (!mediaState22 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
4024
4026
  continue;
4025
4027
  importanceBump = 2;
4026
4028
  }
4027
4029
  if (groupPseudoKey) {
4028
- pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName);
4030
+ pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
4029
4031
  let componentGroupPseudoState = (componentGroupState || // fallback to context initially
4030
4032
  context.groups.state[groupName]).pseudo;
4031
4033
  if (!(componentGroupPseudoState != null && componentGroupPseudoState[groupPseudoKey]))
@@ -4106,9 +4108,9 @@ var require_getSplitStyles_native = __commonJS({
4106
4108
  function mergeStyle(styleState, key, val, disableNormalize = !1) {
4107
4109
  let { classNames, viewProps, style, usedKeys, styleProps } = styleState;
4108
4110
  if (import_constants.isWeb && (val == null ? void 0 : val[0]) === "_")
4109
- classNames[key] = val, usedKeys[key] ||= 1;
4111
+ classNames[key] = val, usedKeys[key] || (usedKeys[key] = 1);
4110
4112
  else if (key in import_helpers.stylePropsTransform)
4111
- styleState.transforms ||= {}, styleState.transforms[key] = val;
4113
+ styleState.transforms || (styleState.transforms = {}), styleState.transforms[key] = val;
4112
4114
  else {
4113
4115
  let out = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
4114
4116
  key in import_helpers.validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
@@ -4152,7 +4154,7 @@ var require_getSplitStyles_native = __commonJS({
4152
4154
  x: 0,
4153
4155
  y: 0
4154
4156
  }, lowercaseHyphenate = (match) => `-${match.toLowerCase()}`, hyphenate = (str) => str.replace(/[A-Z]/g, lowercaseHyphenate), mergeTransform = (obj, key, val, backwards = !1) => {
4155
- typeof obj.transform != "string" && (obj.transform ||= [], obj.transform[backwards ? "unshift" : "push"]({
4157
+ typeof obj.transform != "string" && (obj.transform || (obj.transform = []), obj.transform[backwards ? "unshift" : "push"]({
4156
4158
  [mapTransformKeys[key] || key]: val
4157
4159
  }));
4158
4160
  }, mapTransformKeys = {
@@ -4537,14 +4539,14 @@ var require_createComponent_native = __commonJS({
4537
4539
  validStyles: validStyles2 = {},
4538
4540
  variants = {}
4539
4541
  } = staticConfig, component = (0, import_react3.forwardRef)((propsIn, forwardedRef) => {
4540
- var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
4542
+ var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
4541
4543
  let internalID = "";
4542
4544
  if (!hasSetupBaseViews) {
4543
4545
  hasSetupBaseViews = !0;
4544
4546
  let baseViews2 = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
4545
4547
  baseViews2 && (BaseText = baseViews2.Text, BaseView = baseViews2.View);
4546
4548
  }
4547
- propsIn["data-test-renders"] && (propsIn["data-test-renders"].current ??= 0, propsIn["data-test-renders"].current += 1);
4549
+ propsIn["data-test-renders"] && ((_c = propsIn["data-test-renders"]).current ?? (_c.current = 0), propsIn["data-test-renders"].current += 1);
4548
4550
  let componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, { context } = staticConfig;
4549
4551
  if (context) {
4550
4552
  contextValue = (0, import_react3.useContext)(context);
@@ -4554,14 +4556,14 @@ var require_createComponent_native = __commonJS({
4554
4556
  // because its after default props but before props this annoying amount of checks
4555
4557
  propsIn[key] ?? propsIn[inverseShorthands[key]] ?? (defaultProps == null ? void 0 : defaultProps[key]) ?? (defaultProps == null ? void 0 : defaultProps[inverseShorthands[key]])
4556
4558
  );
4557
- propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps ||= {}, styledContextProps[key] = contextValue[key]) : (overriddenContextProps ||= {}, overriddenContextProps[key] = propVal);
4559
+ propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps || (styledContextProps = {}), styledContextProps[key] = contextValue[key]) : (overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = propVal);
4558
4560
  }
4559
4561
  }
4560
4562
  let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props = propsIn;
4561
4563
  curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
4562
4564
  let debugProp = props.debug, componentName2 = props.componentName || staticConfig.componentName, stateRef = (0, import_react3.useRef)({}), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, curState = stateRef.current, willBeAnimatedClient = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
4563
4565
  willBeAnimated && !curState.hasAnimated && (curState.hasAnimated = !0);
4564
- let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_c = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _c.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
4566
+ let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_d = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _d.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
4565
4567
  !isReactNative && hasRNAnimation && !isHOC && !isHydrated && (isAnimated = !1, curState.willHydrate = !0);
4566
4568
  let hasEnterState = hasEnterStyle || isEntering, needsToMount = !isHydrated || !curState.host, initialState = hasEnterState ? needsToMount ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = props.forceStyle ? { ...states[0], [props.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, debugProp);
4567
4569
  if (isHydrated && state.unmounted === "should-enter" && (state.unmounted = !0), presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -4598,7 +4600,7 @@ var require_createComponent_native = __commonJS({
4598
4600
  groupContextState[groupName] = next;
4599
4601
  };
4600
4602
  }
4601
- let componentNameFinal = props.componentName || componentName2, componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`, hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_d = props.accessibilityState) == null ? void 0 : _d.disabled), element = import_constants.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
4603
+ let componentNameFinal = props.componentName || componentName2, componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`, hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_e = props.accessibilityState) == null ? void 0 : _e.disabled), element = import_constants.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
4602
4604
  animationsConfig && isAnimated && (elementType = animationsConfig[isText ? "Text" : "View"] || elementType);
4603
4605
  let disableTheme = isHOC;
4604
4606
  props.themeShallow && (curState.themeShallow = !0);
@@ -4628,7 +4630,7 @@ var require_createComponent_native = __commonJS({
4628
4630
  props,
4629
4631
  staticConfig,
4630
4632
  theme,
4631
- ((_e = themeState == null ? void 0 : themeState.state) == null ? void 0 : _e.name) || "",
4633
+ ((_f = themeState == null ? void 0 : themeState.state) == null ? void 0 : _f.name) || "",
4632
4634
  state,
4633
4635
  styleProps,
4634
4636
  null,
@@ -4660,7 +4662,7 @@ var require_createComponent_native = __commonJS({
4660
4662
  presence,
4661
4663
  componentState: state,
4662
4664
  styleProps,
4663
- theme: (_f = themeState.state) == null ? void 0 : _f.theme,
4665
+ theme: (_g = themeState.state) == null ? void 0 : _g.theme,
4664
4666
  pseudos: pseudos || null,
4665
4667
  staticConfig,
4666
4668
  stateRef
@@ -4694,7 +4696,7 @@ var require_createComponent_native = __commonJS({
4694
4696
  // @ts-ignore
4695
4697
  defaultVariants,
4696
4698
  ...nonTamaguiProps
4697
- } = viewPropsIn, disabled = ((_g = props.accessibilityState) == null ? void 0 : _g.disabled) || // @ts-expect-error (comes from core)
4699
+ } = viewPropsIn, disabled = ((_h = props.accessibilityState) == null ? void 0 : _h.disabled) || // @ts-expect-error (comes from core)
4698
4700
  props.accessibilityDisabled, viewProps = nonTamaguiProps;
4699
4701
  hasAnimationProp && props.tag && !props.role && !props.accessibilityRole && (viewProps.role = props.tag), isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
4700
4702
  nonTamaguiProps.onLayout,
@@ -4703,8 +4705,8 @@ var require_createComponent_native = __commonJS({
4703
4705
  layout: e.nativeEvent.layout
4704
4706
  }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState((prev) => ({ ...prev })), stateRef.current.hasMeasured = !0;
4705
4707
  }
4706
- )), viewProps = ((_i = (_h = import_setupHooks.hooks).usePropsTransform) == null ? void 0 : _i.call(
4707
- _h,
4708
+ )), viewProps = ((_j = (_i = import_setupHooks.hooks).usePropsTransform) == null ? void 0 : _j.call(
4709
+ _i,
4708
4710
  elementType,
4709
4711
  nonTamaguiProps,
4710
4712
  stateRef,
@@ -4755,7 +4757,7 @@ var require_createComponent_native = __commonJS({
4755
4757
  pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
4756
4758
  mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
4757
4759
  ]);
4758
- let fontFamily = isText ? splitStyles.fontFamily || ((_j = staticConfig.defaultProps) == null ? void 0 : _j.fontFamily) : null;
4760
+ let fontFamily = isText ? splitStyles.fontFamily || ((_k = staticConfig.defaultProps) == null ? void 0 : _k.fontFamily) : null;
4759
4761
  fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
4760
4762
  let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = animationStyles || splitStyles.style, className;
4761
4763
  asChild === "except-style" || asChild === "except-style-web" || (viewProps.style = style);
@@ -4809,7 +4811,7 @@ var require_createComponent_native = __commonJS({
4809
4811
  delayPressOut: viewProps.delayPressOut,
4810
4812
  focusable: viewProps.focusable ?? !0,
4811
4813
  minPressDuration: 0
4812
- }), (_l = (_k = import_setupHooks.hooks).useEvents) == null || _l.call(_k, viewProps, events, splitStyles, setStateShallow, staticConfig);
4814
+ }), (_m = (_l = import_setupHooks.hooks).useEvents) == null || _m.call(_l, viewProps, events, splitStyles, setStateShallow, staticConfig);
4813
4815
  let direction = props.spaceDirection || "both", content = !children || asChild ? children : spacedChildren({
4814
4816
  separator,
4815
4817
  children,
@@ -4827,7 +4829,7 @@ var require_createComponent_native = __commonJS({
4827
4829
  events,
4828
4830
  staticConfig
4829
4831
  )), useChildrenResult ? content = useChildrenResult : content = (0, import_react3.createElement)(elementType, viewProps, content);
4830
- let ResetPresence = (_m = config == null ? void 0 : config.animations) == null ? void 0 : _m.ResetPresence;
4832
+ let ResetPresence = (_n = config == null ? void 0 : config.animations) == null ? void 0 : _n.ResetPresence;
4831
4833
  ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, { children: content }));
4832
4834
  let groupState = curState.group, subGroupContext = (0, import_react3.useMemo)(() => {
4833
4835
  if (!(!groupState || !groupName))
@@ -4853,7 +4855,7 @@ var require_createComponent_native = __commonJS({
4853
4855
  if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { ...componentContext, groups: subGroupContext, children: content })), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1), staticConfig.context) {
4854
4856
  let contextProps = staticConfig.context.props;
4855
4857
  for (let key in contextProps)
4856
- (key in style || key in viewProps) && (overriddenContextProps ||= {}, overriddenContextProps[key] = style[key] ?? viewProps[key]);
4858
+ (key in style || key in viewProps) && (overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = style[key] ?? viewProps[key]);
4857
4859
  }
4858
4860
  if (overriddenContextProps) {
4859
4861
  let Provider = staticConfig.context.Provider;