tamagui 1.129.10 → 1.129.11-1751331636218

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.
@@ -7603,7 +7603,7 @@ var require_wrapStyleTags_native = __commonJS({
7603
7603
  });
7604
7604
  module2.exports = __toCommonJS2(wrapStyleTags_exports);
7605
7605
  var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_helpers = require_index_native7();
7606
- function getStyleTags(styles, content) {
7606
+ function getStyleTags(styles) {
7607
7607
  import_constants4.IS_REACT_19;
7608
7608
  }
7609
7609
  }
@@ -7813,7 +7813,9 @@ var require_useComponentState_native = __commonJS({
7813
7813
  var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
7814
7814
  ...states[0],
7815
7815
  [props.forceStyle]: !0
7816
- } : states[0], setState = states[1], isAnimated = willBeAnimated;
7816
+ } : states[0], setState = states[1];
7817
+ stateRef.current.nextComponentState && (Object.assign(state, stateRef.current.nextComponentState), stateRef.current.nextComponentState = void 0);
7818
+ var isAnimated = willBeAnimated;
7817
7819
  import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function(_) {
7818
7820
  return {
7819
7821
  ...state
@@ -8121,18 +8123,8 @@ var require_createComponent_native = __commonJS({
8121
8123
  });
8122
8124
  module2.exports = __toCommonJS2(createComponent_exports);
8123
8125
  var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), componentSetStates = /* @__PURE__ */ new Set();
8124
- typeof window < "u" && (cancelTouches = function() {
8125
- componentSetStates.forEach(function(setState) {
8126
- return setState(function(prev) {
8127
- return prev.press || prev.pressIn ? {
8128
- ...prev,
8129
- press: !1,
8130
- pressIn: !1
8131
- } : prev;
8132
- });
8133
- }), componentSetStates.clear();
8134
- }, addEventListener("mouseup", cancelTouches), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches));
8135
- var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
8126
+ if (0) var cancelTouches;
8127
+ var BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
8136
8128
  value: !1
8137
8129
  };
8138
8130
  import_constants4.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
@@ -8235,7 +8227,9 @@ var require_createComponent_native = __commonJS({
8235
8227
  var updatedState = {
8236
8228
  ...state,
8237
8229
  ...next
8238
- }, nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
8230
+ };
8231
+ stateRef.current.nextComponentState = updatedState;
8232
+ var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
8239
8233
  styleListener(nextStyles.style);
8240
8234
  } else ogSetStateShallow(next);
8241
8235
  };
@@ -12777,49 +12771,51 @@ var require_index_native19 = __commonJS({
12777
12771
  return cb();
12778
12772
  }), queuedUpdates.clear()));
12779
12773
  }
12774
+ var expectedFrameTime = 16.67, numDroppedFramesUntilPause = 10;
12780
12775
  if (import_constants4.isClient && rAF) {
12781
12776
  layoutOnAnimationFrame = function() {
12782
12777
  var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
12783
- if (lastFrameAt = now, strategy !== "off") {
12784
- var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
12778
+ if (lastFrameAt = now, frameCount < runEveryXFrames) {
12779
+ frameCount++, rAF(layoutOnAnimationFrame);
12780
+ return;
12781
+ }
12782
+ if (frameCount = 0, strategy !== "off") {
12783
+ var hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
12785
12784
  hasRecentSyncWork || Nodes.forEach(function(node) {
12786
12785
  updateLayoutIfChanged(node, lastFrameAt);
12787
12786
  });
12788
12787
  }
12789
12788
  rAF(layoutOnAnimationFrame);
12790
- }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
12789
+ }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now();
12791
12790
  async function updateLayoutIfChanged(node, frameId) {
12792
- var parentNode = node.parentElement, nodeRect, parentRect;
12793
- if (strategy === "async") {
12794
- var [nr, pr] = await Promise.all([
12795
- getBoundingClientRectAsync(node),
12796
- getBoundingClientRectAsync(parentNode)
12797
- ]);
12798
- if (frameId !== lastFrameAt) return;
12799
- nodeRect = nr, parentRect = pr;
12800
- } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect();
12801
- if (parentRect) {
12802
- var onLayout = LayoutHandlers.get(node);
12803
- if (typeof onLayout == "function") {
12804
- var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
12791
+ var onLayout = LayoutHandlers.get(node);
12792
+ if (typeof onLayout == "function") {
12793
+ var parentNode = node.parentElement;
12794
+ if (parentNode) {
12795
+ var nodeRect, parentRect;
12796
+ if (strategy === "async") {
12797
+ var [nr, pr] = await Promise.all([
12798
+ getBoundingClientRectAsync(node),
12799
+ getBoundingClientRectAsync(parentNode)
12800
+ ]);
12801
+ if (frameId !== lastFrameAt) return;
12802
+ nodeRect = nr, parentRect = pr;
12803
+ } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
12804
+ var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
12805
12805
  if (!cachedRect || // has changed one rect
12806
12806
  !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
12807
- if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
12808
- var event = getElementLayoutEvent(nodeRect, parentRect);
12809
- queuedUpdates.set(node, function() {
12810
- return onLayout(event);
12811
- });
12812
- } else if (strategy !== "async") {
12813
- var event1 = getElementLayoutEvent(nodeRect, parentRect);
12814
- onLayout(event1);
12815
- }
12807
+ NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
12808
+ var event = getElementLayoutEvent(nodeRect, parentRect);
12809
+ avoidUpdates ? queuedUpdates.set(node, function() {
12810
+ return onLayout(event);
12811
+ }) : onLayout(event);
12816
12812
  }
12817
12813
  }
12818
12814
  }
12819
12815
  }
12820
- rAF(layoutOnAnimationFrame);
12816
+ rAF(layoutOnAnimationFrame), frameCount = 0, runEveryXFrames = 6;
12821
12817
  }
12822
- var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent = function(nodeRect, parentRect) {
12818
+ var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, frameCount, runEveryXFrames, getElementLayoutEvent = function(nodeRect, parentRect) {
12823
12819
  return {
12824
12820
  nativeEvent: {
12825
12821
  layout: getRelativeDimensions(nodeRect, parentRect),
@@ -30187,6 +30183,8 @@ EnsureFlexed.isVisuallyHidden = !0;
30187
30183
  var import_core5 = __toESM(require_index_native20()), import_stacks = __toESM(require_index_native24()), Fieldset = (0, import_core5.styled)(import_stacks.YStack, {
30188
30184
  name: "Fieldset",
30189
30185
  tag: "fieldset",
30186
+ // remove browser default styling
30187
+ borderWidth: 0,
30190
30188
  variants: {
30191
30189
  horizontal: {
30192
30190
  true: {