@hanzogui/avatar 3.0.2 → 7.3.0

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.
@@ -1 +1 @@
1
- {"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -9,122 +9,133 @@ import * as React from "react";
9
9
  function _type_of(obj) {
10
10
  "@swc/helpers - typeof";
11
11
 
12
- return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
12
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
13
13
  }
14
- var AVATAR_NAME = "Avatar",
15
- [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME),
16
- [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
17
- IMAGE_NAME = "AvatarImage",
18
- AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
19
- var _getShapeSize,
20
- {
21
- __scopeAvatar,
22
- src,
23
- source,
24
- onLoadingStatusChange = function () {},
25
- ...imageProps
26
- } = props,
27
- context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
28
- [status, setStatus] = React.useState("idle"),
29
- shapeSize = getVariableValue((_getShapeSize = getShapeSize(context.size,
30
- // @ts-expect-error
31
- {
32
- tokens: getTokens()
33
- })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width),
34
- resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
35
- return React.useEffect(function () {
36
- setStatus(resolvedSrc ? "idle" : "error");
37
- }, [resolvedSrc]), React.useEffect(function () {
38
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
39
- }, [status]), resolvedSrc ? /* @__PURE__ */_jsx(YStack, {
40
- fullscreen: !0,
41
- zIndex: 1,
42
- children: /* @__PURE__ */_jsx(Image, {
43
- position: "absolute",
44
- top: 0,
45
- left: 0,
46
- right: 0,
47
- bottom: 0,
48
- objectFit: "cover",
49
- ...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
50
- width: shapeSize,
51
- height: shapeSize
52
- }),
53
- ...imageProps,
54
- // @ts-ignore
55
- ref: forwardedRef,
56
- // @ts-ignore
57
- src: resolvedSrc,
58
- // onLoadStart={() => {
59
- // // setStatus('loading')
60
- // }}
61
- onError: function () {
62
- setStatus("error");
63
- },
64
- onLoad: function () {
65
- setStatus("loaded");
66
- }
67
- })
68
- }) : null;
69
- });
70
- AvatarImage.displayName = IMAGE_NAME;
71
- var FALLBACK_NAME = "AvatarFallback",
72
- AvatarFallbackFrame = styled(YStack, {
73
- name: FALLBACK_NAME,
74
- position: "absolute",
75
- fullscreen: !0,
76
- zIndex: 0
77
- }),
78
- AvatarFallback = AvatarFallbackFrame.styleable(function (props, forwardedRef) {
79
- var {
80
- __scopeAvatar,
81
- delayMs,
82
- ...fallbackProps
83
- } = props,
84
- context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
85
- [canRender, setCanRender] = React.useState(delayMs === void 0);
86
- return React.useEffect(function () {
87
- if (delayMs !== void 0) {
88
- var timerId = setTimeout(function () {
89
- return setCanRender(!0);
90
- }, delayMs);
91
- return function () {
92
- return clearTimeout(timerId);
93
- };
14
+ var AVATAR_NAME = "Avatar";
15
+ var [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
16
+ var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
17
+ var IMAGE_NAME = "AvatarImage";
18
+ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
19
+ var _getShapeSize;
20
+ var {
21
+ __scopeAvatar,
22
+ src,
23
+ source,
24
+ onLoadingStatusChange = function () {},
25
+ ...imageProps
26
+ } = props;
27
+ var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
28
+ var [status, setStatus] = React.useState("idle");
29
+ var shapeSize = getVariableValue((_getShapeSize = getShapeSize(context.size,
30
+ // @ts-expect-error
31
+ {
32
+ tokens: getTokens()
33
+ })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
34
+ var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
35
+ React.useEffect(function () {
36
+ if (!resolvedSrc) {
37
+ setStatus("error");
38
+ } else {
39
+ setStatus("idle");
40
+ }
41
+ }, [resolvedSrc]);
42
+ React.useEffect(function () {
43
+ onLoadingStatusChange(status);
44
+ context.onImageLoadingStatusChange(status);
45
+ }, [status]);
46
+ if (!resolvedSrc) {
47
+ return null;
48
+ }
49
+ return /* @__PURE__ */_jsx(YStack, {
50
+ fullscreen: true,
51
+ zIndex: 1,
52
+ children: /* @__PURE__ */_jsx(Image, {
53
+ position: "absolute",
54
+ top: 0,
55
+ left: 0,
56
+ right: 0,
57
+ bottom: 0,
58
+ objectFit: "cover",
59
+ ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
60
+ width: shapeSize,
61
+ height: shapeSize
62
+ }),
63
+ ...imageProps,
64
+ // @ts-ignore
65
+ ref: forwardedRef,
66
+ // @ts-ignore
67
+ src: resolvedSrc,
68
+ // onLoadStart={() => {
69
+ // // setStatus('loading')
70
+ // }}
71
+ onError: function () {
72
+ setStatus("error");
73
+ },
74
+ onLoad: function () {
75
+ setStatus("loaded");
94
76
  }
95
- }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */_jsx(AvatarFallbackFrame, {
96
- ...fallbackProps,
97
- ref: forwardedRef
98
- }) : null;
77
+ })
99
78
  });
79
+ });
80
+ AvatarImage.displayName = IMAGE_NAME;
81
+ var FALLBACK_NAME = "AvatarFallback";
82
+ var AvatarFallbackFrame = styled(YStack, {
83
+ name: FALLBACK_NAME,
84
+ position: "absolute",
85
+ fullscreen: true,
86
+ zIndex: 0
87
+ });
88
+ var AvatarFallback = AvatarFallbackFrame.styleable(function (props, forwardedRef) {
89
+ var {
90
+ __scopeAvatar,
91
+ delayMs,
92
+ ...fallbackProps
93
+ } = props;
94
+ var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
95
+ var [canRender, setCanRender] = React.useState(delayMs === void 0);
96
+ React.useEffect(function () {
97
+ if (delayMs !== void 0) {
98
+ var timerId = setTimeout(function () {
99
+ return setCanRender(true);
100
+ }, delayMs);
101
+ return function () {
102
+ return clearTimeout(timerId);
103
+ };
104
+ }
105
+ }, [delayMs]);
106
+ return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */_jsx(AvatarFallbackFrame, {
107
+ ...fallbackProps,
108
+ ref: forwardedRef
109
+ }) : null;
110
+ });
100
111
  AvatarFallback.displayName = FALLBACK_NAME;
101
112
  var AvatarFrame = styled(Square, {
102
- name: AVATAR_NAME,
103
- position: "relative",
104
- overflow: "hidden"
105
- }),
106
- Avatar = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
107
- var {
108
- __scopeAvatar,
109
- size = "$true",
110
- ...avatarProps
111
- } = props,
112
- [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
113
- return /* @__PURE__ */_jsx(AvatarProvider, {
113
+ name: AVATAR_NAME,
114
+ position: "relative",
115
+ overflow: "hidden"
116
+ });
117
+ var Avatar = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
118
+ var {
119
+ __scopeAvatar,
120
+ size = "$true",
121
+ ...avatarProps
122
+ } = props;
123
+ var [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
124
+ return /* @__PURE__ */_jsx(AvatarProvider, {
125
+ size,
126
+ scope: __scopeAvatar,
127
+ imageLoadingStatus,
128
+ onImageLoadingStatusChange: setImageLoadingStatus,
129
+ children: /* @__PURE__ */_jsx(AvatarFrame, {
114
130
  size,
115
- scope: __scopeAvatar,
116
- imageLoadingStatus,
117
- onImageLoadingStatusChange: setImageLoadingStatus,
118
- children: /* @__PURE__ */_jsx(AvatarFrame, {
119
- size,
120
- ...avatarProps,
121
- ref: forwardedRef
122
- })
123
- });
124
- }), {
125
- Image: AvatarImage,
126
- Fallback: AvatarFallback
131
+ ...avatarProps,
132
+ ref: forwardedRef
133
+ })
127
134
  });
135
+ }), {
136
+ Image: AvatarImage,
137
+ Fallback: AvatarFallback
138
+ });
128
139
  Avatar.displayName = AVATAR_NAME;
129
140
  export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
130
141
  //# sourceMappingURL=Avatar.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -6,110 +6,121 @@ import { Square, getShapeSize } from "@hanzogui/shapes";
6
6
  import { YStack } from "@hanzogui/stacks";
7
7
  import * as React from "react";
8
8
  import { jsx } from "react/jsx-runtime";
9
- const AVATAR_NAME = "Avatar",
10
- [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME),
11
- [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
12
- IMAGE_NAME = "AvatarImage",
13
- AvatarImage = React.forwardRef((props, forwardedRef) => {
14
- const {
15
- __scopeAvatar,
16
- src,
17
- source,
18
- onLoadingStatusChange = () => {},
19
- ...imageProps
20
- } = props,
21
- context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
22
- [status, setStatus] = React.useState("idle"),
23
- shapeSize = getVariableValue(getShapeSize(context.size,
24
- // @ts-expect-error
25
- {
26
- tokens: getTokens()
27
- })?.width),
28
- resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
29
- return React.useEffect(() => {
30
- setStatus(resolvedSrc ? "idle" : "error");
31
- }, [resolvedSrc]), React.useEffect(() => {
32
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
33
- }, [status]), resolvedSrc ? /* @__PURE__ */jsx(YStack, {
34
- fullscreen: !0,
35
- zIndex: 1,
36
- children: /* @__PURE__ */jsx(Image, {
37
- position: "absolute",
38
- top: 0,
39
- left: 0,
40
- right: 0,
41
- bottom: 0,
42
- objectFit: "cover",
43
- ...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
44
- width: shapeSize,
45
- height: shapeSize
46
- }),
47
- ...imageProps,
48
- ref: forwardedRef,
49
- src: resolvedSrc,
50
- onError: () => {
51
- setStatus("error");
52
- },
53
- onLoad: () => {
54
- setStatus("loaded");
55
- }
56
- })
57
- }) : null;
58
- });
59
- AvatarImage.displayName = IMAGE_NAME;
60
- const FALLBACK_NAME = "AvatarFallback",
61
- AvatarFallbackFrame = styled(YStack, {
62
- name: FALLBACK_NAME,
63
- position: "absolute",
64
- fullscreen: !0,
65
- zIndex: 0
66
- }),
67
- AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
68
- const {
69
- __scopeAvatar,
70
- delayMs,
71
- ...fallbackProps
72
- } = props,
73
- context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
74
- [canRender, setCanRender] = React.useState(delayMs === void 0);
75
- return React.useEffect(() => {
76
- if (delayMs !== void 0) {
77
- const timerId = setTimeout(() => setCanRender(!0), delayMs);
78
- return () => clearTimeout(timerId);
9
+ const AVATAR_NAME = "Avatar";
10
+ const [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
11
+ const [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
12
+ const IMAGE_NAME = "AvatarImage";
13
+ const AvatarImage = React.forwardRef((props, forwardedRef) => {
14
+ const {
15
+ __scopeAvatar,
16
+ src,
17
+ source,
18
+ onLoadingStatusChange = () => {},
19
+ ...imageProps
20
+ } = props;
21
+ const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
22
+ const [status, setStatus] = React.useState("idle");
23
+ const shapeSize = getVariableValue(getShapeSize(context.size,
24
+ // @ts-expect-error
25
+ {
26
+ tokens: getTokens()
27
+ })?.width);
28
+ const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
29
+ React.useEffect(() => {
30
+ if (!resolvedSrc) {
31
+ setStatus("error");
32
+ } else {
33
+ setStatus("idle");
34
+ }
35
+ }, [resolvedSrc]);
36
+ React.useEffect(() => {
37
+ onLoadingStatusChange(status);
38
+ context.onImageLoadingStatusChange(status);
39
+ }, [status]);
40
+ if (!resolvedSrc) {
41
+ return null;
42
+ }
43
+ return /* @__PURE__ */jsx(YStack, {
44
+ fullscreen: true,
45
+ zIndex: 1,
46
+ children: /* @__PURE__ */jsx(Image, {
47
+ position: "absolute",
48
+ top: 0,
49
+ left: 0,
50
+ right: 0,
51
+ bottom: 0,
52
+ objectFit: "cover",
53
+ ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
54
+ width: shapeSize,
55
+ height: shapeSize
56
+ }),
57
+ ...imageProps,
58
+ ref: forwardedRef,
59
+ src: resolvedSrc,
60
+ onError: () => {
61
+ setStatus("error");
62
+ },
63
+ onLoad: () => {
64
+ setStatus("loaded");
79
65
  }
80
- }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */jsx(AvatarFallbackFrame, {
81
- ...fallbackProps,
82
- ref: forwardedRef
83
- }) : null;
66
+ })
84
67
  });
68
+ });
69
+ AvatarImage.displayName = IMAGE_NAME;
70
+ const FALLBACK_NAME = "AvatarFallback";
71
+ const AvatarFallbackFrame = styled(YStack, {
72
+ name: FALLBACK_NAME,
73
+ position: "absolute",
74
+ fullscreen: true,
75
+ zIndex: 0
76
+ });
77
+ const AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
78
+ const {
79
+ __scopeAvatar,
80
+ delayMs,
81
+ ...fallbackProps
82
+ } = props;
83
+ const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
84
+ const [canRender, setCanRender] = React.useState(delayMs === void 0);
85
+ React.useEffect(() => {
86
+ if (delayMs !== void 0) {
87
+ const timerId = setTimeout(() => setCanRender(true), delayMs);
88
+ return () => clearTimeout(timerId);
89
+ }
90
+ }, [delayMs]);
91
+ return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */jsx(AvatarFallbackFrame, {
92
+ ...fallbackProps,
93
+ ref: forwardedRef
94
+ }) : null;
95
+ });
85
96
  AvatarFallback.displayName = FALLBACK_NAME;
86
97
  const AvatarFrame = styled(Square, {
87
- name: AVATAR_NAME,
88
- position: "relative",
89
- overflow: "hidden"
90
- }),
91
- Avatar = withStaticProperties(React.forwardRef((props, forwardedRef) => {
92
- const {
93
- __scopeAvatar,
94
- size = "$true",
95
- ...avatarProps
96
- } = props,
97
- [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
98
- return /* @__PURE__ */jsx(AvatarProvider, {
98
+ name: AVATAR_NAME,
99
+ position: "relative",
100
+ overflow: "hidden"
101
+ });
102
+ const Avatar = withStaticProperties(React.forwardRef((props, forwardedRef) => {
103
+ const {
104
+ __scopeAvatar,
105
+ size = "$true",
106
+ ...avatarProps
107
+ } = props;
108
+ const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
109
+ return /* @__PURE__ */jsx(AvatarProvider, {
110
+ size,
111
+ scope: __scopeAvatar,
112
+ imageLoadingStatus,
113
+ onImageLoadingStatusChange: setImageLoadingStatus,
114
+ children: /* @__PURE__ */jsx(AvatarFrame, {
99
115
  size,
100
- scope: __scopeAvatar,
101
- imageLoadingStatus,
102
- onImageLoadingStatusChange: setImageLoadingStatus,
103
- children: /* @__PURE__ */jsx(AvatarFrame, {
104
- size,
105
- ...avatarProps,
106
- ref: forwardedRef
107
- })
108
- });
109
- }), {
110
- Image: AvatarImage,
111
- Fallback: AvatarFallback
116
+ ...avatarProps,
117
+ ref: forwardedRef
118
+ })
112
119
  });
120
+ }), {
121
+ Image: AvatarImage,
122
+ Fallback: AvatarFallback
123
+ });
113
124
  Avatar.displayName = AVATAR_NAME;
114
125
  export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
115
126
  //# sourceMappingURL=Avatar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}