@tamagui/core 3.0.0-beta.1111.1 → 3.0.0-beta.1121.1

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 +37 -11
  2. package/dist/test.native.cjs +38 -12
  3. package/package.json +13 -13
package/dist/native.cjs CHANGED
@@ -14931,21 +14931,21 @@ function contributeProp(pass, keyOg, valOg) {
14931
14931
  var resolveClassName = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName;
14932
14932
  var composedProps = null;
14933
14933
  var sink = function(entry2) {
14934
- var property2 = entry2[0];
14934
+ var property3 = entry2[0];
14935
14935
  var condition2 = entry2[2];
14936
- if (property2.charCodeAt(0) === 95 && property2.charCodeAt(1) === 95) {
14936
+ if (property3.charCodeAt(0) === 95 && property3.charCodeAt(1) === 95) {
14937
14937
  composedProps || (composedProps = {});
14938
- composedProps[property2] = mergeFrontendCondition(composedProps[property2], entry2[1], condition2);
14938
+ composedProps[property3] = mergeFrontendCondition(composedProps[property3], entry2[1], condition2);
14939
14939
  return;
14940
14940
  }
14941
14941
  if (condition2 !== void 0) {
14942
- if (isValidStyleKey(property2, validStyles)) contributeValue(styleState, property2, entry2[1], void 0, false, condition2);
14942
+ if (isValidStyleKey(property3, validStyles)) contributeValue(styleState, property3, entry2[1], void 0, false, condition2);
14943
14943
  return;
14944
14944
  }
14945
- if (property2 === "group") pass[passFrontendGroup] = entry2[1];
14946
- else if (property2 === "container") pass[passFrontendContainer] = entry2[1];
14947
- else if (property2 === "containerType") pass[passFrontendContainerType] = entry2[1];
14948
- contributeProp(pass, property2, entry2[1]);
14945
+ if (property3 === "group") pass[passFrontendGroup] = entry2[1];
14946
+ else if (property3 === "container") pass[passFrontendContainer] = entry2[1];
14947
+ else if (property3 === "containerType") pass[passFrontendContainerType] = entry2[1];
14948
+ contributeProp(pass, property3, entry2[1]);
14949
14949
  };
14950
14950
  var start = 0;
14951
14951
  for (var index = 0; index <= valInit.length; index++) {
@@ -15001,7 +15001,12 @@ function contributeProp(pass, keyOg, valOg) {
15001
15001
  for (var _iterator1 = entries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
15002
15002
  var entry = _step1.value;
15003
15003
  if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
15004
- writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
15004
+ if (!isHOC && styleState.styleProps.isAnimated && (slot === "transition" || entry[8]) && !(entry[0] in nonAnimatableStyleProps)) {
15005
+ var _styleState_animationDriver;
15006
+ var property2 = entry[0] === "--t-x" ? "x" : entry[0] === "--t-y" ? "y" : entry[0] === "--t-scale-x" ? "scaleX" : entry[0] === "--t-scale-y" ? "scaleY" : entry[0];
15007
+ var value = ((_styleState_animationDriver = styleState.animationDriver) === null || _styleState_animationDriver === void 0 ? void 0 : _styleState_animationDriver.inputStyle) === "value" ? entry[6] : entry[1];
15008
+ entry[3] ? contributeValue(styleState, property2, value, entry[6], false, entry[3]) : emitValue(styleState, property2, value, null, entry[6], false);
15009
+ } else writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
15005
15010
  }
15006
15011
  } catch (err) {
15007
15012
  _didIteratorError1 = true;
@@ -15673,6 +15678,23 @@ function completeResolvedStyles(state) {
15673
15678
  for (var _iterator1 = cssEntries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
15674
15679
  var entry1 = _step1.value;
15675
15680
  entry1[7] = entry1[7] | recordCSS;
15681
+ if (!(entry1[2] & 12)) continue;
15682
+ var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
15683
+ try {
15684
+ for (var _iterator2 = cssEntries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
15685
+ var sibling = _step2.value;
15686
+ if (sibling[0] === entry1[0]) sibling[8] = true;
15687
+ }
15688
+ } catch (err) {
15689
+ _didIteratorError2 = true;
15690
+ _iteratorError2 = err;
15691
+ } finally {
15692
+ try {
15693
+ if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
15694
+ } finally {
15695
+ if (_didIteratorError2) throw _iteratorError2;
15696
+ }
15697
+ }
15676
15698
  }
15677
15699
  } catch (err) {
15678
15700
  _didIteratorError1 = true;
@@ -15891,6 +15913,10 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
15891
15913
  }
15892
15914
  return;
15893
15915
  }
15916
+ if (property === "transition" && condition & 12 && !state.staticConfig.isHOC && state.styleProps.isAnimated) {
15917
+ streamWriteInline(state, property, value, cursor, originalValue, false, -1, true);
15918
+ return;
15919
+ }
15894
15920
  streamWriteInline(state, property, value, cursor, originalValue);
15895
15921
  }
15896
15922
  function numericUnitValue(value, first, second) {
@@ -15973,7 +15999,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
15973
15999
  return;
15974
16000
  }
15975
16001
  if (property === "transform") {
15976
- if (typeof raw === "string") {
16002
+ if (typeof raw === "string" && true) {
15977
16003
  var transform = parseNativeTransform(raw);
15978
16004
  if (transform) {
15979
16005
  emitProperty(state, property, transform, cursor, originalValue, contextOnly);
@@ -16067,7 +16093,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
16067
16093
  }
16068
16094
  function emitConditionalValue(state, property, payload, condition, source, sink, mode, contextOnly) {
16069
16095
  if (sink) sink(payload, condition, source);
16070
- else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 ? payload : void 0, contextOnly, mode, source);
16096
+ else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 || state.staticConfig.isHOC || state.styleProps.stylePieceEntries ? payload : void 0, contextOnly, mode, source);
16071
16097
  else emitValue(state, property, payload, null, payload, contextOnly);
16072
16098
  }
16073
16099
  function walkConditionalValue(state, property, value, parent, sink) {
package/dist/test.native.cjs CHANGED
@@ -5628,22 +5628,22 @@ function contributeProp(pass, keyOg, valOg) {
5628
5628
  var resolveClassName = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName;
5629
5629
  var composedProps = null;
5630
5630
  var sink = function(entry2) {
5631
- var property2 = entry2[0];
5631
+ var property3 = entry2[0];
5632
5632
  var condition2 = entry2[2];
5633
- if (property2.charCodeAt(0) === 95 && property2.charCodeAt(1) === 95) {
5633
+ if (property3.charCodeAt(0) === 95 && property3.charCodeAt(1) === 95) {
5634
5634
  composedProps || (composedProps = {});
5635
- composedProps[property2] = mergeFrontendCondition(composedProps[property2], entry2[1], condition2);
5635
+ composedProps[property3] = mergeFrontendCondition(composedProps[property3], entry2[1], condition2);
5636
5636
  return;
5637
5637
  }
5638
5638
  if (condition2 !== void 0) {
5639
- if (isValidStyleKey(property2, validStyles)) contributeValue(styleState, property2, entry2[1], void 0, false, condition2);
5640
- else if (globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property2}" is not a valid style on this component; the frontend value is dropped.`);
5639
+ if (isValidStyleKey(property3, validStyles)) contributeValue(styleState, property3, entry2[1], void 0, false, condition2);
5640
+ else if (globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property3}" is not a valid style on this component; the frontend value is dropped.`);
5641
5641
  return;
5642
5642
  }
5643
- if (property2 === "group") pass[passFrontendGroup] = entry2[1];
5644
- else if (property2 === "container") pass[passFrontendContainer] = entry2[1];
5645
- else if (property2 === "containerType") pass[passFrontendContainerType] = entry2[1];
5646
- contributeProp(pass, property2, entry2[1]);
5643
+ if (property3 === "group") pass[passFrontendGroup] = entry2[1];
5644
+ else if (property3 === "container") pass[passFrontendContainer] = entry2[1];
5645
+ else if (property3 === "containerType") pass[passFrontendContainerType] = entry2[1];
5646
+ contributeProp(pass, property3, entry2[1]);
5647
5647
  };
5648
5648
  var start = 0;
5649
5649
  for (var index = 0; index <= valInit.length; index++) {
@@ -5701,7 +5701,12 @@ function contributeProp(pass, keyOg, valOg) {
5701
5701
  for (var _iterator1 = entries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
5702
5702
  var entry = _step1.value;
5703
5703
  if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
5704
- writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
5704
+ if (!isHOC && styleState.styleProps.isAnimated && (slot === "transition" || entry[8]) && !(entry[0] in nonAnimatableStyleProps)) {
5705
+ var _styleState_animationDriver;
5706
+ var property2 = entry[0] === "--t-x" ? "x" : entry[0] === "--t-y" ? "y" : entry[0] === "--t-scale-x" ? "scaleX" : entry[0] === "--t-scale-y" ? "scaleY" : entry[0];
5707
+ var value = ((_styleState_animationDriver = styleState.animationDriver) === null || _styleState_animationDriver === void 0 ? void 0 : _styleState_animationDriver.inputStyle) === "value" ? entry[6] : entry[1];
5708
+ entry[3] ? contributeValue(styleState, property2, value, entry[6], false, entry[3]) : emitValue(styleState, property2, value, null, entry[6], false);
5709
+ } else writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
5705
5710
  }
5706
5711
  } catch (err) {
5707
5712
  _didIteratorError1 = true;
@@ -6456,6 +6461,23 @@ function completeResolvedStyles(state) {
6456
6461
  for (var _iterator1 = cssEntries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
6457
6462
  var entry1 = _step1.value;
6458
6463
  entry1[7] = entry1[7] | recordCSS;
6464
+ if (!(entry1[2] & 12)) continue;
6465
+ var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
6466
+ try {
6467
+ for (var _iterator2 = cssEntries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
6468
+ var sibling = _step2.value;
6469
+ if (sibling[0] === entry1[0]) sibling[8] = true;
6470
+ }
6471
+ } catch (err) {
6472
+ _didIteratorError2 = true;
6473
+ _iteratorError2 = err;
6474
+ } finally {
6475
+ try {
6476
+ if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
6477
+ } finally {
6478
+ if (_didIteratorError2) throw _iteratorError2;
6479
+ }
6480
+ }
6459
6481
  }
6460
6482
  } catch (err) {
6461
6483
  _didIteratorError1 = true;
@@ -6778,6 +6800,10 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
6778
6800
  }
6779
6801
  return;
6780
6802
  }
6803
+ if (property === "transition" && condition & 12 && !state.staticConfig.isHOC && state.styleProps.isAnimated) {
6804
+ streamWriteInline(state, property, value, cursor, originalValue, false, -1, true);
6805
+ return;
6806
+ }
6781
6807
  streamWriteInline(state, property, value, cursor, originalValue);
6782
6808
  }
6783
6809
  function numericUnitValue(value, first, second) {
@@ -6863,7 +6889,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
6863
6889
  return;
6864
6890
  }
6865
6891
  if (property === "transform") {
6866
- if (typeof raw === "string") {
6892
+ if (typeof raw === "string" && true) {
6867
6893
  var transform = parseNativeTransform(raw);
6868
6894
  if (transform) {
6869
6895
  emitProperty(state, property, transform, cursor, originalValue, contextOnly);
@@ -6959,7 +6985,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
6959
6985
  }
6960
6986
  function emitConditionalValue(state, property, payload, condition, source, sink, mode, contextOnly) {
6961
6987
  if (sink) sink(payload, condition, source);
6962
- else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 ? payload : void 0, contextOnly, mode, source);
6988
+ else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 || state.staticConfig.isHOC || state.styleProps.stylePieceEntries ? payload : void 0, contextOnly, mode, source);
6963
6989
  else emitValue(state, property, payload, null, payload, contextOnly);
6964
6990
  }
6965
6991
  function walkConditionalValue(state, property, value, parent, sink) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/core",
3
- "version": "3.0.0-beta.1111.1",
3
+ "version": "3.0.0-beta.1121.1",
4
4
  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -137,20 +137,20 @@
137
137
  "clean:build": "tamagui-build clean:build"
138
138
  },
139
139
  "dependencies": {
140
- "@tamagui/compose-refs": "3.0.0-beta.1111.1",
141
- "@tamagui/constants": "3.0.0-beta.1111.1",
142
- "@tamagui/helpers": "3.0.0-beta.1111.1",
143
- "@tamagui/react-native-media-driver": "3.0.0-beta.1111.1",
144
- "@tamagui/react-native-use-pressable": "3.0.0-beta.1111.1",
145
- "@tamagui/size": "3.0.0-beta.1111.1",
146
- "@tamagui/use-element-layout": "3.0.0-beta.1111.1",
147
- "@tamagui/use-event": "3.0.0-beta.1111.1",
148
- "@tamagui/web": "3.0.0-beta.1111.1"
140
+ "@tamagui/compose-refs": "3.0.0-beta.1121.1",
141
+ "@tamagui/constants": "3.0.0-beta.1121.1",
142
+ "@tamagui/helpers": "3.0.0-beta.1121.1",
143
+ "@tamagui/react-native-media-driver": "3.0.0-beta.1121.1",
144
+ "@tamagui/react-native-use-pressable": "3.0.0-beta.1121.1",
145
+ "@tamagui/size": "3.0.0-beta.1121.1",
146
+ "@tamagui/use-element-layout": "3.0.0-beta.1121.1",
147
+ "@tamagui/use-event": "3.0.0-beta.1121.1",
148
+ "@tamagui/web": "3.0.0-beta.1121.1"
149
149
  },
150
150
  "devDependencies": {
151
- "@tamagui/build": "3.0.0-beta.1111.1",
152
- "@tamagui/native-bundle": "3.0.0-beta.1111.1",
153
- "@tamagui/react-native-web-lite": "3.0.0-beta.1111.1",
151
+ "@tamagui/build": "3.0.0-beta.1121.1",
152
+ "@tamagui/native-bundle": "3.0.0-beta.1121.1",
153
+ "@tamagui/react-native-web-lite": "3.0.0-beta.1121.1",
154
154
  "@testing-library/react": "^16.1.0",
155
155
  "csstype": "^3.0.10",
156
156
  "react": "19.2.3",