@tamagui/avatar 2.0.0-rc.9 → 2.0.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/avatar",
3
- "version": "2.0.0-rc.9",
3
+ "version": "2.0.0",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -19,10 +19,11 @@
19
19
  ".": {
20
20
  "types": "./types/index.d.ts",
21
21
  "react-native": "./dist/esm/index.native.js",
22
+ "browser": "./dist/esm/index.mjs",
22
23
  "module": "./dist/esm/index.mjs",
23
24
  "import": "./dist/esm/index.mjs",
24
25
  "require": "./dist/cjs/index.cjs",
25
- "default": "./dist/cjs/index.native.js"
26
+ "default": "./dist/esm/index.mjs"
26
27
  }
27
28
  },
28
29
  "publishConfig": {
@@ -35,22 +36,21 @@
35
36
  "clean:build": "tamagui-build clean:build"
36
37
  },
37
38
  "dependencies": {
38
- "@tamagui/core": "2.0.0-rc.9",
39
- "@tamagui/create-context": "2.0.0-rc.9",
40
- "@tamagui/helpers": "2.0.0-rc.9",
41
- "@tamagui/image": "2.0.0-rc.9",
42
- "@tamagui/shapes": "2.0.0-rc.9",
43
- "@tamagui/stacks": "2.0.0-rc.9",
44
- "@tamagui/text": "2.0.0-rc.9"
39
+ "@tamagui/core": "2.0.0",
40
+ "@tamagui/create-context": "2.0.0",
41
+ "@tamagui/helpers": "2.0.0",
42
+ "@tamagui/image": "2.0.0",
43
+ "@tamagui/shapes": "2.0.0",
44
+ "@tamagui/stacks": "2.0.0",
45
+ "@tamagui/text": "2.0.0"
45
46
  },
46
47
  "devDependencies": {
47
- "@tamagui/build": "2.0.0-rc.9",
48
+ "@tamagui/build": "2.0.0",
48
49
  "react": ">=19",
49
- "react-native": "0.81.5"
50
+ "react-native": "0.83.2"
50
51
  },
51
52
  "peerDependencies": {
52
- "react": ">=19",
53
- "react-native": "*"
53
+ "react": ">=19"
54
54
  },
55
55
  "module:jsx": "dist/jsx"
56
56
  }
package/src/Avatar.tsx CHANGED
@@ -83,7 +83,11 @@ const AvatarImage = React.forwardRef<TamaguiElement, AvatarImageProps>(
83
83
  return (
84
84
  <YStack fullscreen zIndex={1}>
85
85
  <Image
86
- fullscreen
86
+ position="absolute"
87
+ top={0}
88
+ left={0}
89
+ right={0}
90
+ bottom={0}
87
91
  objectFit="cover"
88
92
  {...(typeof shapeSize === 'number' &&
89
93
  !Number.isNaN(shapeSize) && {
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,+CAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;wCA0E7D,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;8CAK9B,CAAA;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG,wBAAwB,CAAA;AAE1F,QAAA,MAAM,cAAc;;;;oBArHwB,KAAK;;oBAAL,KAAK;;;;8CAsI/C,CAAA;AAQF,eAAO,MAAM,WAAW;;;;;;;;;;;EAItB,CAAA;AAEF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAhJc,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;;;;;;wBArBlB,KAAK;;wBAAL,KAAK;;;;;CA2LhD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACjE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,+CAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;wCA8E7D,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;8CAK9B,CAAA;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG,wBAAwB,CAAA;AAE1F,QAAA,MAAM,cAAc;;;;oBAzHwB,KAAK;;oBAAL,KAAK;;;;8CA0I/C,CAAA;AAQF,eAAO,MAAM,WAAW;;;;;;;;;;;EAItB,CAAA;AAEF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCApJc,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;;;;;;wBArBlB,KAAK;;wBAAL,KAAK;;;;;CA+LhD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACjE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
@@ -1,118 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var Avatar_exports = {};
24
- __export(Avatar_exports, {
25
- Avatar: () => Avatar,
26
- AvatarFallback: () => AvatarFallback,
27
- AvatarFallbackFrame: () => AvatarFallbackFrame,
28
- AvatarFrame: () => AvatarFrame,
29
- AvatarImage: () => AvatarImage,
30
- createAvatarScope: () => createAvatarScope
31
- });
32
- module.exports = __toCommonJS(Avatar_exports);
33
- var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_helpers = require("@tamagui/helpers"), import_image = require("@tamagui/image"), import_shapes = require("@tamagui/shapes"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react"), 1), import_jsx_runtime = require("react/jsx-runtime");
34
- const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
35
- (props, forwardedRef) => {
36
- const {
37
- __scopeAvatar,
38
- src,
39
- source,
40
- onLoadingStatusChange = () => {
41
- },
42
- ...imageProps
43
- } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = (0, import_core.getVariableValue)(
44
- (0, import_shapes.getShapeSize)(
45
- context.size,
46
- // @ts-expect-error
47
- { tokens: (0, import_core.getTokens)() }
48
- )?.width
49
- ), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
50
- return React.useEffect(() => {
51
- setStatus(resolvedSrc ? "idle" : "error");
52
- }, [resolvedSrc]), React.useEffect(() => {
53
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
54
- }, [status]), resolvedSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
- import_image.Image,
56
- {
57
- fullscreen: !0,
58
- objectFit: "cover",
59
- ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
60
- width: shapeSize,
61
- height: shapeSize
62
- },
63
- ...imageProps,
64
- ref: forwardedRef,
65
- src: resolvedSrc,
66
- onError: () => {
67
- setStatus("error");
68
- },
69
- onLoad: () => {
70
- setStatus("loaded");
71
- }
72
- }
73
- ) }) : null;
74
- }
75
- );
76
- AvatarImage.displayName = IMAGE_NAME;
77
- const FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
78
- name: FALLBACK_NAME,
79
- position: "absolute",
80
- fullscreen: !0,
81
- zIndex: 0
82
- }), AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
83
- const { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
84
- return React.useEffect(() => {
85
- if (delayMs !== void 0) {
86
- const timerId = setTimeout(() => setCanRender(!0), delayMs);
87
- return () => clearTimeout(timerId);
88
- }
89
- }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;
90
- });
91
- AvatarFallback.displayName = FALLBACK_NAME;
92
- const AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
93
- name: AVATAR_NAME,
94
- position: "relative",
95
- overflow: "hidden"
96
- }), Avatar = (0, import_helpers.withStaticProperties)(
97
- React.forwardRef(
98
- (props, forwardedRef) => {
99
- const { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
100
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
101
- AvatarProvider,
102
- {
103
- size,
104
- scope: __scopeAvatar,
105
- imageLoadingStatus,
106
- onImageLoadingStatusChange: setImageLoadingStatus,
107
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
108
- }
109
- );
110
- }
111
- ),
112
- {
113
- Image: AvatarImage,
114
- Fallback: AvatarFallback
115
- }
116
- );
117
- Avatar.displayName = AVATAR_NAME;
118
- //# sourceMappingURL=Avatar.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
package/dist/cjs/index.js DELETED
@@ -1,15 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
- var index_exports = {};
13
- module.exports = __toCommonJS(index_exports);
14
- __reExport(index_exports, require("./Avatar"), module.exports);
15
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qBAAd;",
5
- "names": []
6
- }
@@ -1,101 +0,0 @@
1
- import { getTokens, getVariableValue, styled } from "@tamagui/core";
2
- import { createContextScope } from "@tamagui/create-context";
3
- import { withStaticProperties } from "@tamagui/helpers";
4
- import { Image } from "@tamagui/image";
5
- import { Square, getShapeSize } from "@tamagui/shapes";
6
- import { YStack } from "@tamagui/stacks";
7
- import * as React from "react";
8
- import { jsx } from "react/jsx-runtime";
9
- const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
10
- (props, forwardedRef) => {
11
- const {
12
- __scopeAvatar,
13
- src,
14
- source,
15
- onLoadingStatusChange = () => {
16
- },
17
- ...imageProps
18
- } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue(
19
- getShapeSize(
20
- context.size,
21
- // @ts-expect-error
22
- { tokens: getTokens() }
23
- )?.width
24
- ), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
25
- return React.useEffect(() => {
26
- setStatus(resolvedSrc ? "idle" : "error");
27
- }, [resolvedSrc]), React.useEffect(() => {
28
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
29
- }, [status]), resolvedSrc ? /* @__PURE__ */ jsx(YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ jsx(
30
- Image,
31
- {
32
- fullscreen: !0,
33
- objectFit: "cover",
34
- ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
35
- width: shapeSize,
36
- height: shapeSize
37
- },
38
- ...imageProps,
39
- ref: forwardedRef,
40
- src: resolvedSrc,
41
- onError: () => {
42
- setStatus("error");
43
- },
44
- onLoad: () => {
45
- setStatus("loaded");
46
- }
47
- }
48
- ) }) : null;
49
- }
50
- );
51
- AvatarImage.displayName = IMAGE_NAME;
52
- const FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
53
- name: FALLBACK_NAME,
54
- position: "absolute",
55
- fullscreen: !0,
56
- zIndex: 0
57
- }), AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
58
- const { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
59
- return React.useEffect(() => {
60
- if (delayMs !== void 0) {
61
- const timerId = setTimeout(() => setCanRender(!0), delayMs);
62
- return () => clearTimeout(timerId);
63
- }
64
- }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;
65
- });
66
- AvatarFallback.displayName = FALLBACK_NAME;
67
- const AvatarFrame = styled(Square, {
68
- name: AVATAR_NAME,
69
- position: "relative",
70
- overflow: "hidden"
71
- }), Avatar = withStaticProperties(
72
- React.forwardRef(
73
- (props, forwardedRef) => {
74
- const { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
75
- return /* @__PURE__ */ jsx(
76
- AvatarProvider,
77
- {
78
- size,
79
- scope: __scopeAvatar,
80
- imageLoadingStatus,
81
- onImageLoadingStatusChange: setImageLoadingStatus,
82
- children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
83
- }
84
- );
85
- }
86
- ),
87
- {
88
- Image: AvatarImage,
89
- Fallback: AvatarFallback
90
- }
91
- );
92
- Avatar.displayName = AVATAR_NAME;
93
- export {
94
- Avatar,
95
- AvatarFallback,
96
- AvatarFallbackFrame,
97
- AvatarFrame,
98
- AvatarImage,
99
- createAvatarScope
100
- };
101
- //# sourceMappingURL=Avatar.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,101 +0,0 @@
1
- import { getTokens, getVariableValue, styled } from "@tamagui/core";
2
- import { createContextScope } from "@tamagui/create-context";
3
- import { withStaticProperties } from "@tamagui/helpers";
4
- import { Image } from "@tamagui/image";
5
- import { Square, getShapeSize } from "@tamagui/shapes";
6
- import { YStack } from "@tamagui/stacks";
7
- import * as React from "react";
8
- import { jsx } from "react/jsx-runtime";
9
- const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
10
- (props, forwardedRef) => {
11
- const {
12
- __scopeAvatar,
13
- src,
14
- source,
15
- onLoadingStatusChange = () => {
16
- },
17
- ...imageProps
18
- } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue(
19
- getShapeSize(
20
- context.size,
21
- // @ts-expect-error
22
- { tokens: getTokens() }
23
- )?.width
24
- ), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
25
- return React.useEffect(() => {
26
- setStatus(resolvedSrc ? "idle" : "error");
27
- }, [resolvedSrc]), React.useEffect(() => {
28
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
29
- }, [status]), resolvedSrc ? /* @__PURE__ */ jsx(YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ jsx(
30
- Image,
31
- {
32
- fullscreen: !0,
33
- objectFit: "cover",
34
- ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
35
- width: shapeSize,
36
- height: shapeSize
37
- },
38
- ...imageProps,
39
- ref: forwardedRef,
40
- src: resolvedSrc,
41
- onError: () => {
42
- setStatus("error");
43
- },
44
- onLoad: () => {
45
- setStatus("loaded");
46
- }
47
- }
48
- ) }) : null;
49
- }
50
- );
51
- AvatarImage.displayName = IMAGE_NAME;
52
- const FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
53
- name: FALLBACK_NAME,
54
- position: "absolute",
55
- fullscreen: !0,
56
- zIndex: 0
57
- }), AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
58
- const { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
59
- return React.useEffect(() => {
60
- if (delayMs !== void 0) {
61
- const timerId = setTimeout(() => setCanRender(!0), delayMs);
62
- return () => clearTimeout(timerId);
63
- }
64
- }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;
65
- });
66
- AvatarFallback.displayName = FALLBACK_NAME;
67
- const AvatarFrame = styled(Square, {
68
- name: AVATAR_NAME,
69
- position: "relative",
70
- overflow: "hidden"
71
- }), Avatar = withStaticProperties(
72
- React.forwardRef(
73
- (props, forwardedRef) => {
74
- const { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
75
- return /* @__PURE__ */ jsx(
76
- AvatarProvider,
77
- {
78
- size,
79
- scope: __scopeAvatar,
80
- imageLoadingStatus,
81
- onImageLoadingStatusChange: setImageLoadingStatus,
82
- children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
83
- }
84
- );
85
- }
86
- ),
87
- {
88
- Image: AvatarImage,
89
- Fallback: AvatarFallback
90
- }
91
- );
92
- Avatar.displayName = AVATAR_NAME;
93
- export {
94
- Avatar,
95
- AvatarFallback,
96
- AvatarFallbackFrame,
97
- AvatarFrame,
98
- AvatarImage,
99
- createAvatarScope
100
- };
101
- //# sourceMappingURL=Avatar.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }