@tamagui/animations-css 1.89.26 → 1.89.27-1708112217600

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 (7) hide show
  1. package/dist/cjs/createAnimations.native.js +91 -32
  2. package/dist/cjs/createAnimations.native.js.map +3 -3
  3. package/dist/cjs/index.native.js.map +2 -2
  4. package/dist/esm/createAnimations.native.js +91 -32
  5. package/dist/esm/createAnimations.native.js.map +3 -3
  6. package/dist/esm/index.native.js.map +1 -1
  7. package/package.json +6 -6
package/dist/cjs/createAnimations.native.js CHANGED
@@ -19,63 +19,122 @@ __export(createAnimations_exports, {
19
19
  });
20
20
  module.exports = __toCommonJS(createAnimations_exports);
21
21
  var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_use_presence = require("@tamagui/use-presence"), import_react = require("react");
22
+ function _array_like_to_array(arr, len) {
23
+ (len == null || len > arr.length) && (len = arr.length);
24
+ for (var i = 0, arr2 = new Array(len); i < len; i++)
25
+ arr2[i] = arr[i];
26
+ return arr2;
27
+ }
28
+ function _array_with_holes(arr) {
29
+ if (Array.isArray(arr))
30
+ return arr;
31
+ }
32
+ function _iterable_to_array_limit(arr, i) {
33
+ var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
34
+ if (_i != null) {
35
+ var _arr = [], _n = !0, _d = !1, _s, _e;
36
+ try {
37
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
38
+ ;
39
+ } catch (err) {
40
+ _d = !0, _e = err;
41
+ } finally {
42
+ try {
43
+ !_n && _i.return != null && _i.return();
44
+ } finally {
45
+ if (_d)
46
+ throw _e;
47
+ }
48
+ }
49
+ return _arr;
50
+ }
51
+ }
52
+ function _non_iterable_rest() {
53
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
54
+ }
55
+ function _sliced_to_array(arr, i) {
56
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
57
+ }
58
+ function _unsupported_iterable_to_array(o, minLen) {
59
+ if (o) {
60
+ if (typeof o == "string")
61
+ return _array_like_to_array(o, minLen);
62
+ var n = Object.prototype.toString.call(o).slice(8, -1);
63
+ if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
64
+ return Array.from(n);
65
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
66
+ return _array_like_to_array(o, minLen);
67
+ }
68
+ }
22
69
  function createAnimations(animations) {
23
- const reactionListeners = /* @__PURE__ */ new WeakMap();
70
+ var reactionListeners = /* @__PURE__ */ new WeakMap();
24
71
  return {
25
72
  animations,
26
73
  usePresence: import_use_presence.usePresence,
27
74
  ResetPresence: import_use_presence.ResetPresence,
28
75
  supportsCSSVars: !0,
29
- useAnimatedNumber(initial) {
30
- const [val, setVal] = (0, import_react.useState)(initial);
76
+ useAnimatedNumber: function(initial) {
77
+ var _useState = _sliced_to_array((0, import_react.useState)(initial), 2), val = _useState[0], setVal = _useState[1];
31
78
  return {
32
- getInstance() {
79
+ getInstance: function() {
33
80
  return setVal;
34
81
  },
35
- getValue() {
82
+ getValue: function() {
36
83
  return val;
37
84
  },
38
- setValue(next) {
85
+ setValue: function(next) {
39
86
  setVal(next);
40
- const listeners = reactionListeners.get(setVal);
41
- listeners && listeners.forEach((cb) => cb(next));
87
+ var listeners = reactionListeners.get(setVal);
88
+ listeners && listeners.forEach(function(cb) {
89
+ return cb(next);
90
+ });
42
91
  },
43
- stop() {
92
+ stop: function() {
44
93
  }
45
94
  };
46
95
  },
47
- useAnimatedNumberReaction({ value }, onValue) {
48
- (0, import_react.useEffect)(() => {
49
- const instance = value.getInstance();
50
- let queue = reactionListeners.get(instance);
96
+ useAnimatedNumberReaction: function(param, onValue) {
97
+ var value = param.value;
98
+ (0, import_react.useEffect)(function() {
99
+ var instance = value.getInstance(), queue = reactionListeners.get(instance);
51
100
  if (!queue) {
52
- const next = /* @__PURE__ */ new Set();
101
+ var next = /* @__PURE__ */ new Set();
53
102
  reactionListeners.set(instance, next), queue = next;
54
103
  }
55
- return queue.add(onValue), () => {
104
+ return queue.add(onValue), function() {
56
105
  queue == null || queue.delete(onValue);
57
106
  };
58
107
  }, []);
59
108
  },
60
- useAnimatedNumberStyle(val, getStyle) {
109
+ useAnimatedNumberStyle: function(val, getStyle) {
61
110
  return getStyle(val.getValue());
62
111
  },
63
- useAnimations: ({ props, presence, style, componentState, stateRef }) => {
64
- const isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], [animationKey, animationConfig] = [].concat(props.animation), animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
65
- return (0, import_constants.useIsomorphicLayoutEffect)(() => {
66
- const host = stateRef.current.host;
67
- if (!sendExitComplete || !isExiting || !host)
68
- return;
69
- const node = host, onFinishAnimation = () => {
70
- sendExitComplete == null || sendExitComplete();
71
- };
72
- return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
73
- node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
74
- };
75
- }, [sendExitComplete, isExiting]), animation ? (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map((key) => {
76
- const override = animations[animationConfig == null ? void 0 : animationConfig[key]] ?? animation;
77
- return `${key} ${override}`;
78
- }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, { isEntering, isExiting }), { style }) : null;
112
+ useAnimations: function(param) {
113
+ var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _concat = _sliced_to_array([].concat(props.animation), 2), animationKey = _concat[0], animationConfig = _concat[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
114
+ "all"
115
+ ];
116
+ return (0, import_constants.useIsomorphicLayoutEffect)(function() {
117
+ var host = stateRef.current.host;
118
+ if (!(!sendExitComplete || !isExiting || !host)) {
119
+ var node = host, onFinishAnimation = function() {
120
+ sendExitComplete == null || sendExitComplete();
121
+ };
122
+ return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), function() {
123
+ node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
124
+ };
125
+ }
126
+ }, [
127
+ sendExitComplete,
128
+ isExiting
129
+ ]), animation ? (Array.isArray(style.transform) && (style.transform = (0, import_web.transformsToString)(style.transform)), style.transition = keys.map(function(key) {
130
+ var _animations_animationConfig_key, override = (_animations_animationConfig_key = animations[animationConfig == null ? void 0 : animationConfig[key]]) !== null && _animations_animationConfig_key !== void 0 ? _animations_animationConfig_key : animation;
131
+ return "".concat(key, " ").concat(override);
132
+ }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, {
133
+ isEntering,
134
+ isExiting
135
+ }), {
136
+ style
137
+ }) : null;
79
138
  }
80
139
  };
81
140
  }
package/dist/cjs/createAnimations.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/createAnimations.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0C,+BAE1C,aAAmC,yBACnC,sBAA2C,kCAC3C,eAAoC;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM;AACb,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAAA,QAEtC;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,kCAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iCAAO,OAAO;AAAA,QAChB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,aAAY,qCAAW,QAAO,IAC9B,mBAAmB,qCAAW,IAE9B,CAAC,cAAc,eAAe,IAAI,CAAC,EAAE,OAAO,MAAM,SAAS,GAC3D,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AAkDxC,iBAhDA,4CAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;AAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B;AAAA,QACF;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAmC3B,aAID,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,gBAAY,+BAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,mDAAkB,IAAI,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,GAMR,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB,OAAO,MAAM,YAAY,EAAE,YAAY,UAAU,CAAC,GAG3E,EAAE,MAAM,KAzBN;AAAA,IA0BX;AAAA,EACF;AACF;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/animations-css/src/createAnimations.tsx"],
4
+ "mappings": "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",
5
+ "names": ["createAnimations", "animations", "reactionListeners", "WeakMap", "usePresence", "ResetPresence", "supportsCSSVars", "useAnimatedNumber", "initial", "useState", "val", "setVal", "getInstance", "getValue", "setValue", "next", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "useEffect", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "concat", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "useIsomorphicLayoutEffect", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "Array", "isArray", "transform", "transformsToString", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info"]
6
6
  }
package/dist/cjs/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,+BAAd;",
3
+ "sources": ["../../src/Users/n8/tamagui/packages/animations-css/src/index.ts"],
4
+ "mappings": ";;;;;;;;;;;;AAAA;;wBAAc,+BAAd;",
5
5
  "names": []
6
6
  }
package/dist/esm/createAnimations.native.js CHANGED
@@ -2,63 +2,122 @@ import { useIsomorphicLayoutEffect } from "@tamagui/constants";
2
2
  import { transformsToString } from "@tamagui/web";
3
3
  import { ResetPresence, usePresence } from "@tamagui/use-presence";
4
4
  import { useEffect, useState } from "react";
5
+ function _array_like_to_array(arr, len) {
6
+ (len == null || len > arr.length) && (len = arr.length);
7
+ for (var i = 0, arr2 = new Array(len); i < len; i++)
8
+ arr2[i] = arr[i];
9
+ return arr2;
10
+ }
11
+ function _array_with_holes(arr) {
12
+ if (Array.isArray(arr))
13
+ return arr;
14
+ }
15
+ function _iterable_to_array_limit(arr, i) {
16
+ var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
17
+ if (_i != null) {
18
+ var _arr = [], _n = !0, _d = !1, _s, _e;
19
+ try {
20
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
21
+ ;
22
+ } catch (err) {
23
+ _d = !0, _e = err;
24
+ } finally {
25
+ try {
26
+ !_n && _i.return != null && _i.return();
27
+ } finally {
28
+ if (_d)
29
+ throw _e;
30
+ }
31
+ }
32
+ return _arr;
33
+ }
34
+ }
35
+ function _non_iterable_rest() {
36
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
37
+ }
38
+ function _sliced_to_array(arr, i) {
39
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
40
+ }
41
+ function _unsupported_iterable_to_array(o, minLen) {
42
+ if (o) {
43
+ if (typeof o == "string")
44
+ return _array_like_to_array(o, minLen);
45
+ var n = Object.prototype.toString.call(o).slice(8, -1);
46
+ if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
47
+ return Array.from(n);
48
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
49
+ return _array_like_to_array(o, minLen);
50
+ }
51
+ }
5
52
  function createAnimations(animations) {
6
- const reactionListeners = /* @__PURE__ */ new WeakMap();
53
+ var reactionListeners = /* @__PURE__ */ new WeakMap();
7
54
  return {
8
55
  animations,
9
56
  usePresence,
10
57
  ResetPresence,
11
58
  supportsCSSVars: !0,
12
- useAnimatedNumber(initial) {
13
- const [val, setVal] = useState(initial);
59
+ useAnimatedNumber: function(initial) {
60
+ var _useState = _sliced_to_array(useState(initial), 2), val = _useState[0], setVal = _useState[1];
14
61
  return {
15
- getInstance() {
62
+ getInstance: function() {
16
63
  return setVal;
17
64
  },
18
- getValue() {
65
+ getValue: function() {
19
66
  return val;
20
67
  },
21
- setValue(next) {
68
+ setValue: function(next) {
22
69
  setVal(next);
23
- const listeners = reactionListeners.get(setVal);
24
- listeners && listeners.forEach((cb) => cb(next));
70
+ var listeners = reactionListeners.get(setVal);
71
+ listeners && listeners.forEach(function(cb) {
72
+ return cb(next);
73
+ });
25
74
  },
26
- stop() {
75
+ stop: function() {
27
76
  }
28
77
  };
29
78
  },
30
- useAnimatedNumberReaction({ value }, onValue) {
31
- useEffect(() => {
32
- const instance = value.getInstance();
33
- let queue = reactionListeners.get(instance);
79
+ useAnimatedNumberReaction: function(param, onValue) {
80
+ var value = param.value;
81
+ useEffect(function() {
82
+ var instance = value.getInstance(), queue = reactionListeners.get(instance);
34
83
  if (!queue) {
35
- const next = /* @__PURE__ */ new Set();
84
+ var next = /* @__PURE__ */ new Set();
36
85
  reactionListeners.set(instance, next), queue = next;
37
86
  }
38
- return queue.add(onValue), () => {
87
+ return queue.add(onValue), function() {
39
88
  queue == null || queue.delete(onValue);
40
89
  };
41
90
  }, []);
42
91
  },
43
- useAnimatedNumberStyle(val, getStyle) {
92
+ useAnimatedNumberStyle: function(val, getStyle) {
44
93
  return getStyle(val.getValue());
45
94
  },
46
- useAnimations: ({ props, presence, style, componentState, stateRef }) => {
47
- const isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], [animationKey, animationConfig] = [].concat(props.animation), animation = animations[animationKey], keys = props.animateOnly ?? ["all"];
48
- return useIsomorphicLayoutEffect(() => {
49
- const host = stateRef.current.host;
50
- if (!sendExitComplete || !isExiting || !host)
51
- return;
52
- const node = host, onFinishAnimation = () => {
53
- sendExitComplete == null || sendExitComplete();
54
- };
55
- return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), () => {
56
- node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
57
- };
58
- }, [sendExitComplete, isExiting]), animation ? (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map((key) => {
59
- const override = animations[animationConfig == null ? void 0 : animationConfig[key]] ?? animation;
60
- return `${key} ${override}`;
61
- }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, { isEntering, isExiting }), { style }) : null;
95
+ useAnimations: function(param) {
96
+ var props = param.props, presence = param.presence, style = param.style, componentState = param.componentState, stateRef = param.stateRef, isEntering = !!componentState.unmounted, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], _concat = _sliced_to_array([].concat(props.animation), 2), animationKey = _concat[0], animationConfig = _concat[1], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
97
+ "all"
98
+ ];
99
+ return useIsomorphicLayoutEffect(function() {
100
+ var host = stateRef.current.host;
101
+ if (!(!sendExitComplete || !isExiting || !host)) {
102
+ var node = host, onFinishAnimation = function() {
103
+ sendExitComplete == null || sendExitComplete();
104
+ };
105
+ return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), function() {
106
+ node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
107
+ };
108
+ }
109
+ }, [
110
+ sendExitComplete,
111
+ isExiting
112
+ ]), animation ? (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(function(key) {
113
+ var _animations_animationConfig_key, override = (_animations_animationConfig_key = animations[animationConfig == null ? void 0 : animationConfig[key]]) !== null && _animations_animationConfig_key !== void 0 ? _animations_animationConfig_key : animation;
114
+ return "".concat(key, " ").concat(override);
115
+ }).join(", "), process.env.NODE_ENV === "development" && props.debug && console.info("CSS animation", style, style.transition, {
116
+ isEntering,
117
+ isExiting
118
+ }), {
119
+ style
120
+ }) : null;
62
121
  }
63
122
  };
64
123
  }
package/dist/esm/createAnimations.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/createAnimations.tsx"],
4
- "mappings": "AACA,SAAS,iCAAiC;AAE1C,SAAS,0BAA0B;AACnC,SAAS,eAAe,mBAAmB;AAC3C,SAAS,WAAW,gBAAgB;AAE7B,SAAS,iBAAmC,YAAmC;AACpF,QAAM,oBAAoB,oBAAI,QAA4B;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IAEjB,kBAAkB,SAA4C;AAC5D,YAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,aAAO;AAAA,QACL,cAAc;AACZ,iBAAO;AAAA,QACT;AAAA,QACA,WAAW;AACT,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,MAAM;AACb,iBAAO,IAAI;AACX,gBAAM,YAAY,kBAAkB,IAAI,MAAM;AAC9C,UAAI,aACF,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAAA,QAEtC;AAAA,QACA,OAAO;AAAA,QAAC;AAAA,MACV;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,gBAAU,MAAM;AACd,cAAM,WAAW,MAAM,YAAY;AACnC,YAAI,QAAQ,kBAAkB,IAAI,QAAQ;AAC1C,YAAI,CAAC,OAAO;AACV,gBAAM,OAAO,oBAAI,IAAc;AAC/B,4BAAkB,IAAI,UAAU,IAAI,GACpC,QAAQ;AAAA,QACV;AACA,qBAAM,IAAI,OAAO,GACV,MAAM;AACX,iCAAO,OAAO;AAAA,QAChB;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP;AAAA,IAEA,uBAAuB,KAAK,UAAU;AACpC,aAAO,SAAS,IAAI,SAAS,CAAC;AAAA,IAChC;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,gBAAgB,SAAS,MAAM;AACvE,YAAM,aAAa,CAAC,CAAC,eAAe,WAC9B,aAAY,qCAAW,QAAO,IAC9B,mBAAmB,qCAAW,IAE9B,CAAC,cAAc,eAAe,IAAI,CAAC,EAAE,OAAO,MAAM,SAAS,GAC3D,YAAY,WAAW,YAAY,GACnC,OAAO,MAAM,eAAe,CAAC,KAAK;AAkDxC,aAhDA,0BAA0B,MAAM;AAC9B,cAAM,OAAO,SAAS,QAAQ;AAC9B,YAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;AAAM;AAC9C,cAAM,OAAO,MACP,oBAAoB,MAAM;AAC9B;AAAA,QACF;AACA,oBAAK,iBAAiB,iBAAiB,iBAAiB,GACxD,KAAK,iBAAiB,oBAAoB,iBAAiB,GACpD,MAAM;AACX,eAAK,oBAAoB,iBAAiB,iBAAiB,GAC3D,KAAK,oBAAoB,oBAAoB,iBAAiB;AAAA,QAChE;AAAA,MACF,GAAG,CAAC,kBAAkB,SAAS,CAAC,GAmC3B,aAID,MAAM,QAAQ,MAAM,SAAS,MAC/B,MAAM,YAAY,mBAAmB,MAAM,SAAS,IAMtD,MAAM,aAAa,KAChB,IAAI,CAAC,QAAQ;AACZ,cAAM,WAAW,WAAW,mDAAkB,IAAI,KAAK;AACvD,eAAO,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC3B,CAAC,EACA,KAAK,IAAI,GAMR,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,iBAAiB,OAAO,MAAM,YAAY,EAAE,YAAY,UAAU,CAAC,GAG3E,EAAE,MAAM,KAzBN;AAAA,IA0BX;AAAA,EACF;AACF;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/animations-css/src/createAnimations.tsx"],
4
+ "mappings": "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",
5
+ "names": ["useIsomorphicLayoutEffect", "transformsToString", "ResetPresence", "usePresence", "useEffect", "useState", "createAnimations", "animations", "reactionListeners", "WeakMap", "supportsCSSVars", "useAnimatedNumber", "initial", "val", "setVal", "getInstance", "getValue", "setValue", "next", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "concat", "animation", "animationKey", "animationConfig", "keys", "animateOnly", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "Array", "isArray", "transform", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info"]
6
6
  }
package/dist/esm/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.ts"],
3
+ "sources": ["../../src/Users/n8/tamagui/packages/animations-css/src/index.ts"],
4
4
  "mappings": "AAAA,cAAc;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/animations-css",
3
- "version": "1.89.26",
3
+ "version": "1.89.27-1708112217600",
4
4
  "source": "src/index.ts",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -13,14 +13,14 @@
13
13
  "dist"
14
14
  ],
15
15
  "dependencies": {
16
- "@tamagui/constants": "1.89.26",
17
- "@tamagui/cubic-bezier-animator": "1.89.26",
18
- "@tamagui/use-presence": "1.89.26",
19
- "@tamagui/web": "1.89.26",
16
+ "@tamagui/constants": "1.89.27-1708112217600",
17
+ "@tamagui/cubic-bezier-animator": "1.89.27-1708112217600",
18
+ "@tamagui/use-presence": "1.89.27-1708112217600",
19
+ "@tamagui/web": "1.89.27-1708112217600",
20
20
  "react": "^18.2.0"
21
21
  },
22
22
  "devDependencies": {
23
- "@tamagui/build": "1.89.26"
23
+ "@tamagui/build": "1.89.27-1708112217600"
24
24
  },
25
25
  "scripts": {
26
26
  "build": "tamagui-build",