@tamagui/animate-presence 1.49.10 → 1.50.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.
- package/dist/cjs/AnimatePresence.js +4 -0
- package/dist/cjs/AnimatePresence.js.map +1 -1
- package/dist/cjs/PresenceChild.js +2 -0
- package/dist/cjs/PresenceChild.js.map +1 -1
- package/dist/esm/AnimatePresence.js +4 -0
- package/dist/esm/AnimatePresence.js.map +1 -1
- package/dist/esm/PresenceChild.js +2 -0
- package/dist/esm/PresenceChild.js.map +1 -1
- package/package.json +4 -4
- package/src/AnimatePresence.tsx +4 -0
- package/src/PresenceChild.tsx +3 -0
- package/src/types.ts +11 -0
- package/types/AnimatePresence.d.ts.map +1 -1
- package/types/PresenceChild.d.ts +2 -1
- package/types/PresenceChild.d.ts.map +1 -1
- package/types/types.d.ts +10 -0
- package/types/types.d.ts.map +1 -1
|
@@ -75,6 +75,7 @@ const AnimatePresence = ({
|
|
|
75
75
|
children,
|
|
76
76
|
enterVariant,
|
|
77
77
|
exitVariant,
|
|
78
|
+
enterExitVariant,
|
|
78
79
|
initial = true,
|
|
79
80
|
onExitComplete,
|
|
80
81
|
exitBeforeEnter,
|
|
@@ -112,6 +113,7 @@ const AnimatePresence = ({
|
|
|
112
113
|
import_PresenceChild.PresenceChild,
|
|
113
114
|
{
|
|
114
115
|
isPresent: Boolean(isClientMounted ? true : isMounted.current),
|
|
116
|
+
enterExitVariant,
|
|
115
117
|
exitVariant,
|
|
116
118
|
enterVariant,
|
|
117
119
|
initial: initial ? void 0 : false,
|
|
@@ -165,6 +167,7 @@ const AnimatePresence = ({
|
|
|
165
167
|
},
|
|
166
168
|
exitVariant,
|
|
167
169
|
enterVariant,
|
|
170
|
+
enterExitVariant,
|
|
168
171
|
presenceAffectsLayout,
|
|
169
172
|
children: child
|
|
170
173
|
},
|
|
@@ -180,6 +183,7 @@ const AnimatePresence = ({
|
|
|
180
183
|
isPresent: true,
|
|
181
184
|
exitVariant,
|
|
182
185
|
enterVariant,
|
|
186
|
+
enterExitVariant,
|
|
183
187
|
presenceAffectsLayout,
|
|
184
188
|
children: child
|
|
185
189
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -43,6 +43,7 @@ const PresenceChild = ({
|
|
|
43
43
|
onExitComplete,
|
|
44
44
|
exitVariant,
|
|
45
45
|
enterVariant,
|
|
46
|
+
enterExitVariant,
|
|
46
47
|
presenceAffectsLayout
|
|
47
48
|
}) => {
|
|
48
49
|
const presenceChildren = React.useMemo(newChildrenMap, []);
|
|
@@ -55,6 +56,7 @@ const PresenceChild = ({
|
|
|
55
56
|
isPresent,
|
|
56
57
|
exitVariant,
|
|
57
58
|
enterVariant,
|
|
59
|
+
enterExitVariant,
|
|
58
60
|
onExitComplete: (id2) => {
|
|
59
61
|
presenceChildren.set(id2, true);
|
|
60
62
|
for (const isComplete of presenceChildren.values()) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PresenceChild.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+ES;AA/ET,0BAAgC;AAChC,iBAAgE;AAChE,YAAuB;AACvB,mBAAsB;AAgBf,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC;AACzD,QAAM,SAAK,oBAAM,KAAK;AAEtB,QAAM,UAAU,MAAM;AAAA,IACpB,MAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAACA,QAAe;AAC9B,2BAAiB,IAAIA,KAAI,IAAI;AAC7B,qBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,gBAAI,CAAC,YAAY;AACf;AAAA,YACF;AAAA,UACF;AACA;AAAA,QACF;AAAA,QACA,UAAU,CAACA,QAAe;AACxB,2BAAiB,IAAIA,KAAI,KAAK;AAC9B,iBAAO,MAAM,iBAAiB,OAAOA,GAAE;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC;AAMd,4CAA0B,MAAM;AAC9B,MAAE,aAAa,iBAAiB,UAAS;AAAA,EAE3C,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,4CAAC,oCAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
|
|
5
5
|
"names": ["id"]
|
|
6
6
|
}
|
|
@@ -49,6 +49,7 @@ const AnimatePresence = ({
|
|
|
49
49
|
children,
|
|
50
50
|
enterVariant,
|
|
51
51
|
exitVariant,
|
|
52
|
+
enterExitVariant,
|
|
52
53
|
initial = true,
|
|
53
54
|
onExitComplete,
|
|
54
55
|
exitBeforeEnter,
|
|
@@ -86,6 +87,7 @@ const AnimatePresence = ({
|
|
|
86
87
|
PresenceChild,
|
|
87
88
|
{
|
|
88
89
|
isPresent: Boolean(isClientMounted ? true : isMounted.current),
|
|
90
|
+
enterExitVariant,
|
|
89
91
|
exitVariant,
|
|
90
92
|
enterVariant,
|
|
91
93
|
initial: initial ? void 0 : false,
|
|
@@ -139,6 +141,7 @@ const AnimatePresence = ({
|
|
|
139
141
|
},
|
|
140
142
|
exitVariant,
|
|
141
143
|
enterVariant,
|
|
144
|
+
enterExitVariant,
|
|
142
145
|
presenceAffectsLayout,
|
|
143
146
|
children: child
|
|
144
147
|
},
|
|
@@ -154,6 +157,7 @@ const AnimatePresence = ({
|
|
|
154
157
|
isPresent: true,
|
|
155
158
|
exitVariant,
|
|
156
159
|
enterVariant,
|
|
160
|
+
enterExitVariant,
|
|
157
161
|
presenceAffectsLayout,
|
|
158
162
|
children: child
|
|
159
163
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -10,6 +10,7 @@ const PresenceChild = ({
|
|
|
10
10
|
onExitComplete,
|
|
11
11
|
exitVariant,
|
|
12
12
|
enterVariant,
|
|
13
|
+
enterExitVariant,
|
|
13
14
|
presenceAffectsLayout
|
|
14
15
|
}) => {
|
|
15
16
|
const presenceChildren = React.useMemo(newChildrenMap, []);
|
|
@@ -22,6 +23,7 @@ const PresenceChild = ({
|
|
|
22
23
|
isPresent,
|
|
23
24
|
exitVariant,
|
|
24
25
|
enterVariant,
|
|
26
|
+
enterExitVariant,
|
|
25
27
|
onExitComplete: (id2) => {
|
|
26
28
|
presenceChildren.set(id2, true);
|
|
27
29
|
for (const isComplete of presenceChildren.values()) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PresenceChild.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AA+ES;AA/ET,SAAS,uBAAuB;AAChC,SAA+B,iCAAiC;AAChE,YAAY,WAAW;AACvB,SAAS,aAAa;AAgBf,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC;AACzD,QAAM,KAAK,MAAM,KAAK;AAEtB,QAAM,UAAU,MAAM;AAAA,IACpB,MAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAACA,QAAe;AAC9B,2BAAiB,IAAIA,KAAI,IAAI;AAC7B,qBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,gBAAI,CAAC,YAAY;AACf;AAAA,YACF;AAAA,UACF;AACA;AAAA,QACF;AAAA,QACA,UAAU,CAACA,QAAe;AACxB,2BAAiB,IAAIA,KAAI,KAAK;AAC9B,iBAAO,MAAM,iBAAiB,OAAOA,GAAE;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC;AAMd,4BAA0B,MAAM;AAC9B,MAAE,aAAa,iBAAiB,UAAS;AAAA,EAE3C,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
|
|
5
5
|
"names": ["id"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animate-presence",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.50.1",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/use-presence": "1.
|
|
17
|
-
"@tamagui/web": "1.
|
|
16
|
+
"@tamagui/use-presence": "1.50.1",
|
|
17
|
+
"@tamagui/web": "1.50.1"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@tamagui/build": "1.
|
|
20
|
+
"@tamagui/build": "1.50.1"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
23
|
"build": "tamagui-build",
|
package/src/AnimatePresence.tsx
CHANGED
|
@@ -104,6 +104,7 @@ export const AnimatePresence: React.FunctionComponent<
|
|
|
104
104
|
children,
|
|
105
105
|
enterVariant,
|
|
106
106
|
exitVariant,
|
|
107
|
+
enterExitVariant,
|
|
107
108
|
initial = true,
|
|
108
109
|
onExitComplete,
|
|
109
110
|
exitBeforeEnter,
|
|
@@ -161,6 +162,7 @@ export const AnimatePresence: React.FunctionComponent<
|
|
|
161
162
|
<PresenceChild
|
|
162
163
|
key={getChildKey(child)}
|
|
163
164
|
isPresent={Boolean(isClientMounted ? true : isMounted.current)}
|
|
165
|
+
enterExitVariant={enterExitVariant}
|
|
164
166
|
exitVariant={exitVariant}
|
|
165
167
|
enterVariant={enterVariant}
|
|
166
168
|
initial={initial ? undefined : false}
|
|
@@ -235,6 +237,7 @@ export const AnimatePresence: React.FunctionComponent<
|
|
|
235
237
|
}}
|
|
236
238
|
exitVariant={exitVariant}
|
|
237
239
|
enterVariant={enterVariant}
|
|
240
|
+
enterExitVariant={enterExitVariant}
|
|
238
241
|
presenceAffectsLayout={presenceAffectsLayout}
|
|
239
242
|
>
|
|
240
243
|
{child}
|
|
@@ -254,6 +257,7 @@ export const AnimatePresence: React.FunctionComponent<
|
|
|
254
257
|
isPresent
|
|
255
258
|
exitVariant={exitVariant}
|
|
256
259
|
enterVariant={enterVariant}
|
|
260
|
+
enterExitVariant={enterExitVariant}
|
|
257
261
|
presenceAffectsLayout={presenceAffectsLayout}
|
|
258
262
|
>
|
|
259
263
|
{child}
|
package/src/PresenceChild.tsx
CHANGED
|
@@ -14,6 +14,7 @@ interface PresenceChildProps {
|
|
|
14
14
|
presenceAffectsLayout: boolean
|
|
15
15
|
exitVariant?: string | null
|
|
16
16
|
enterVariant?: string | null
|
|
17
|
+
enterExitVariant?: string | null
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export const PresenceChild = ({
|
|
@@ -23,6 +24,7 @@ export const PresenceChild = ({
|
|
|
23
24
|
onExitComplete,
|
|
24
25
|
exitVariant,
|
|
25
26
|
enterVariant,
|
|
27
|
+
enterExitVariant,
|
|
26
28
|
presenceAffectsLayout,
|
|
27
29
|
}: PresenceChildProps) => {
|
|
28
30
|
const presenceChildren = React.useMemo(newChildrenMap, [])
|
|
@@ -36,6 +38,7 @@ export const PresenceChild = ({
|
|
|
36
38
|
isPresent,
|
|
37
39
|
exitVariant,
|
|
38
40
|
enterVariant,
|
|
41
|
+
enterExitVariant,
|
|
39
42
|
onExitComplete: (id: string) => {
|
|
40
43
|
presenceChildren.set(id, true)
|
|
41
44
|
for (const isComplete of presenceChildren.values()) {
|
package/src/types.ts
CHANGED
|
@@ -75,7 +75,18 @@ export interface AnimatePresenceProps {
|
|
|
75
75
|
*/
|
|
76
76
|
presenceAffectsLayout?: boolean
|
|
77
77
|
|
|
78
|
+
/**
|
|
79
|
+
* @deprecated prefer enterExitVariant which looks for a boolean true/false variant
|
|
80
|
+
*/
|
|
78
81
|
exitVariant?: string | null
|
|
79
82
|
|
|
83
|
+
/**
|
|
84
|
+
* @deprecated prefer enterExitVariant which looks for a boolean true/false variant
|
|
85
|
+
*/
|
|
80
86
|
enterVariant?: string | null
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Will use a variant on the child component and apply the true styles for when its entering, false styles for when its exiting
|
|
90
|
+
*/
|
|
91
|
+
enterExitVariant?: string | null
|
|
81
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatePresence.d.ts","sourceRoot":"","sources":["../src/AnimatePresence.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAqD9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CACnD,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"AnimatePresence.d.ts","sourceRoot":"","sources":["../src/AnimatePresence.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAqD9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CACnD,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA6K9C,CAAA"}
|
package/types/PresenceChild.d.ts
CHANGED
|
@@ -9,7 +9,8 @@ interface PresenceChildProps {
|
|
|
9
9
|
presenceAffectsLayout: boolean;
|
|
10
10
|
exitVariant?: string | null;
|
|
11
11
|
enterVariant?: string | null;
|
|
12
|
+
enterExitVariant?: string | null;
|
|
12
13
|
}
|
|
13
|
-
export declare const PresenceChild: ({ children, initial, isPresent, onExitComplete, exitVariant, enterVariant, presenceAffectsLayout, }: PresenceChildProps) => JSX.Element;
|
|
14
|
+
export declare const PresenceChild: ({ children, initial, isPresent, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, }: PresenceChildProps) => JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=PresenceChild.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresenceChild.d.ts","sourceRoot":"","sources":["../src/PresenceChild.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAA;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,qBAAqB,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"PresenceChild.d.ts","sourceRoot":"","sources":["../src/PresenceChild.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAA;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,qBAAqB,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,aAAa,0HASvB,kBAAkB,gBAoDpB,CAAA"}
|
package/types/types.d.ts
CHANGED
|
@@ -67,7 +67,17 @@ export interface AnimatePresenceProps {
|
|
|
67
67
|
* @internal
|
|
68
68
|
*/
|
|
69
69
|
presenceAffectsLayout?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* @deprecated prefer enterExitVariant which looks for a boolean true/false variant
|
|
72
|
+
*/
|
|
70
73
|
exitVariant?: string | null;
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated prefer enterExitVariant which looks for a boolean true/false variant
|
|
76
|
+
*/
|
|
71
77
|
enterVariant?: string | null;
|
|
78
|
+
/**
|
|
79
|
+
* Will use a variant on the child component and apply the true styles for when its entering, false styles for when its exiting
|
|
80
|
+
*/
|
|
81
|
+
enterExitVariant?: string | null;
|
|
72
82
|
}
|
|
73
83
|
//# sourceMappingURL=types.d.ts.map
|
package/types/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,IAAI,CAAA;IACP,CAAC,EAAE,IAAI,CAAA;CACR;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAE7C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IAEZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;;;;;;;;;;;;OAaG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,IAAI,CAAA;IACP,CAAC,EAAE,IAAI,CAAA;CACR;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAE7C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IAEZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;;;;;;;;;;;;OAaG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACjC"}
|