@tamagui/avatar 1.110.5 → 1.111.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.
@@ -31,106 +31,9 @@ __export(Avatar_exports, {
31
31
  createAvatarScope: () => createAvatarScope
32
32
  });
33
33
  module.exports = __toCommonJS(Avatar_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime"), 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"));
35
- function _array_like_to_array(arr, len) {
36
- (len == null || len > arr.length) && (len = arr.length);
37
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
38
- return arr2;
39
- }
40
- function _array_with_holes(arr) {
41
- if (Array.isArray(arr)) return arr;
42
- }
43
- function _define_property(obj, key, value) {
44
- return key in obj ? Object.defineProperty(obj, key, {
45
- value,
46
- enumerable: !0,
47
- configurable: !0,
48
- writable: !0
49
- }) : obj[key] = value, obj;
50
- }
51
- function _iterable_to_array_limit(arr, i) {
52
- var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
53
- if (_i != null) {
54
- var _arr = [], _n = !0, _d = !1, _s, _e;
55
- try {
56
- for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
57
- ;
58
- } catch (err) {
59
- _d = !0, _e = err;
60
- } finally {
61
- try {
62
- !_n && _i.return != null && _i.return();
63
- } finally {
64
- if (_d) throw _e;
65
- }
66
- }
67
- return _arr;
68
- }
69
- }
70
- function _non_iterable_rest() {
71
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
72
- }
73
- function _object_spread(target) {
74
- for (var i = 1; i < arguments.length; i++) {
75
- var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
76
- typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
77
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
78
- }))), ownKeys2.forEach(function(key) {
79
- _define_property(target, key, source[key]);
80
- });
81
- }
82
- return target;
83
- }
84
- function ownKeys(object, enumerableOnly) {
85
- var keys = Object.keys(object);
86
- if (Object.getOwnPropertySymbols) {
87
- var symbols = Object.getOwnPropertySymbols(object);
88
- enumerableOnly && (symbols = symbols.filter(function(sym) {
89
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
90
- })), keys.push.apply(keys, symbols);
91
- }
92
- return keys;
93
- }
94
- function _object_spread_props(target, source) {
95
- return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
96
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
97
- }), target;
98
- }
99
- function _object_without_properties(source, excluded) {
100
- if (source == null) return {};
101
- var target = _object_without_properties_loose(source, excluded), key, i;
102
- if (Object.getOwnPropertySymbols) {
103
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
104
- for (i = 0; i < sourceSymbolKeys.length; i++)
105
- key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
106
- }
107
- return target;
108
- }
109
- function _object_without_properties_loose(source, excluded) {
110
- if (source == null) return {};
111
- var target = {}, sourceKeys = Object.keys(source), key, i;
112
- for (i = 0; i < sourceKeys.length; i++)
113
- key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
114
- return target;
115
- }
116
- function _sliced_to_array(arr, i) {
117
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
118
- }
119
- function _unsupported_iterable_to_array(o, minLen) {
120
- if (o) {
121
- if (typeof o == "string") return _array_like_to_array(o, minLen);
122
- var n = Object.prototype.toString.call(o).slice(8, -1);
123
- if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
124
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
125
- }
126
- }
127
- var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array((0, import_create_context.createContextScope)(AVATAR_NAME), 2), createAvatarContext = _createContextScope[0], createAvatarScope = _createContextScope[1], _createAvatarContext = _sliced_to_array(createAvatarContext(AVATAR_NAME), 2), AvatarProvider = _createAvatarContext[0], useAvatarContext = _createAvatarContext[1], IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
128
- var _getShapeSize, __scopeAvatar = props.__scopeAvatar, src = props.src, _props_onLoadingStatusChange = props.onLoadingStatusChange, onLoadingStatusChange = _props_onLoadingStatusChange === void 0 ? function() {
129
- } : _props_onLoadingStatusChange, imageProps = _object_without_properties(props, [
130
- "__scopeAvatar",
131
- "src",
132
- "onLoadingStatusChange"
133
- ]), context = useAvatarContext(IMAGE_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState("idle"), 2), status = _React_useState[0], setStatus = _React_useState[1], shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(
34
+ var import_jsx_runtime = require("react/jsx-runtime"), 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")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
35
+ var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
36
+ }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(
134
37
  context.size,
135
38
  // @ts-expect-error
136
39
  {
@@ -148,12 +51,13 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array((0, import_cr
148
51
  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
149
52
  fullscreen: !0,
150
53
  zIndex: 1,
151
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, _object_spread_props(_object_spread({
152
- fullscreen: !0
153
- }, typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
154
- width: shapeSize,
155
- height: shapeSize
156
- }, imageProps), {
54
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
55
+ fullscreen: !0,
56
+ ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
57
+ width: shapeSize,
58
+ height: shapeSize
59
+ },
60
+ ...imageProps,
157
61
  // @ts-ignore
158
62
  ref: forwardedRef,
159
63
  // @ts-ignore
@@ -167,7 +71,7 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array((0, import_cr
167
71
  onLoad: function() {
168
72
  setStatus("loaded");
169
73
  }
170
- }))
74
+ })
171
75
  });
172
76
  });
173
77
  AvatarImage.displayName = IMAGE_NAME;
@@ -177,10 +81,7 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = (0, import_core.styl
177
81
  fullscreen: !0,
178
82
  zIndex: 0
179
83
  }), AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
180
- var __scopeAvatar = props.__scopeAvatar, delayMs = props.delayMs, fallbackProps = _object_without_properties(props, [
181
- "__scopeAvatar",
182
- "delayMs"
183
- ]), context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState(delayMs === void 0), 2), canRender = _React_useState[0], setCanRender = _React_useState[1];
84
+ var { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
184
85
  return React.useEffect(function() {
185
86
  if (delayMs !== void 0) {
186
87
  var timerId = setTimeout(function() {
@@ -192,9 +93,10 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = (0, import_core.styl
192
93
  }
193
94
  }, [
194
95
  delayMs
195
- ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, _object_spread_props(_object_spread({}, fallbackProps), {
96
+ ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
97
+ ...fallbackProps,
196
98
  ref: forwardedRef
197
- })) : null;
99
+ }) : null;
198
100
  }));
199
101
  AvatarFallback.displayName = FALLBACK_NAME;
200
102
  var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
@@ -202,20 +104,17 @@ var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
202
104
  position: "relative",
203
105
  overflow: "hidden"
204
106
  }), Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
205
- var __scopeAvatar = props.__scopeAvatar, _props_size = props.size, size = _props_size === void 0 ? "$true" : _props_size, avatarProps = _object_without_properties(props, [
206
- "__scopeAvatar",
207
- "size"
208
- ]), _React_useState = _sliced_to_array(React.useState("idle"), 2), imageLoadingStatus = _React_useState[0], setImageLoadingStatus = _React_useState[1];
107
+ var { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
209
108
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarProvider, {
210
109
  size,
211
110
  scope: __scopeAvatar,
212
111
  imageLoadingStatus,
213
112
  onImageLoadingStatusChange: setImageLoadingStatus,
214
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, _object_spread_props(_object_spread({
215
- size
216
- }, avatarProps), {
113
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, {
114
+ size,
115
+ ...avatarProps,
217
116
  ref: forwardedRef
218
- }))
117
+ })
219
118
  });
220
119
  }), {
221
120
  Image: AvatarImage,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": ["AVATAR_NAME", "createContextScope", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "React", "forwardRef", "props", "forwardedRef", "getShapeSize", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "useState", "status", "setStatus", "shapeSize", "getVariableValue", "size", "tokens", "getTokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "_jsx", "YStack", "fullscreen", "zIndex", "Image", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "styled", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "undefined", "canRender", "setCanRender", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "Square", "overflow", "Avatar", "withStaticProperties", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
4
+ "mappings": "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",
5
+ "names": ["AVATAR_NAME", "createAvatarContext", "createAvatarScope", "createContextScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "React", "forwardRef", "props", "forwardedRef", "getShapeSize", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "status", "setStatus", "useState", "shapeSize", "getVariableValue", "size", "tokens", "getTokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "_jsx", "YStack", "fullscreen", "zIndex", "Image", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "styled", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "canRender", "setCanRender", "undefined", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "Square", "overflow", "Avatar", "withStaticProperties", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
6
6
  }
@@ -6,105 +6,9 @@ import { Image } from "@tamagui/image";
6
6
  import { Square, getShapeSize } from "@tamagui/shapes";
7
7
  import { YStack } from "@tamagui/stacks";
8
8
  import * as React from "react";
9
- function _array_like_to_array(arr, len) {
10
- (len == null || len > arr.length) && (len = arr.length);
11
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
12
- return arr2;
13
- }
14
- function _array_with_holes(arr) {
15
- if (Array.isArray(arr)) return arr;
16
- }
17
- function _define_property(obj, key, value) {
18
- return key in obj ? Object.defineProperty(obj, key, {
19
- value,
20
- enumerable: !0,
21
- configurable: !0,
22
- writable: !0
23
- }) : obj[key] = value, obj;
24
- }
25
- function _iterable_to_array_limit(arr, i) {
26
- var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
27
- if (_i != null) {
28
- var _arr = [], _n = !0, _d = !1, _s, _e;
29
- try {
30
- for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
31
- ;
32
- } catch (err) {
33
- _d = !0, _e = err;
34
- } finally {
35
- try {
36
- !_n && _i.return != null && _i.return();
37
- } finally {
38
- if (_d) throw _e;
39
- }
40
- }
41
- return _arr;
42
- }
43
- }
44
- function _non_iterable_rest() {
45
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
46
- }
47
- function _object_spread(target) {
48
- for (var i = 1; i < arguments.length; i++) {
49
- var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
50
- typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
51
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
52
- }))), ownKeys2.forEach(function(key) {
53
- _define_property(target, key, source[key]);
54
- });
55
- }
56
- return target;
57
- }
58
- function ownKeys(object, enumerableOnly) {
59
- var keys = Object.keys(object);
60
- if (Object.getOwnPropertySymbols) {
61
- var symbols = Object.getOwnPropertySymbols(object);
62
- enumerableOnly && (symbols = symbols.filter(function(sym) {
63
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
64
- })), keys.push.apply(keys, symbols);
65
- }
66
- return keys;
67
- }
68
- function _object_spread_props(target, source) {
69
- return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
70
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
71
- }), target;
72
- }
73
- function _object_without_properties(source, excluded) {
74
- if (source == null) return {};
75
- var target = _object_without_properties_loose(source, excluded), key, i;
76
- if (Object.getOwnPropertySymbols) {
77
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
78
- for (i = 0; i < sourceSymbolKeys.length; i++)
79
- key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
80
- }
81
- return target;
82
- }
83
- function _object_without_properties_loose(source, excluded) {
84
- if (source == null) return {};
85
- var target = {}, sourceKeys = Object.keys(source), key, i;
86
- for (i = 0; i < sourceKeys.length; i++)
87
- key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
88
- return target;
89
- }
90
- function _sliced_to_array(arr, i) {
91
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
92
- }
93
- function _unsupported_iterable_to_array(o, minLen) {
94
- if (o) {
95
- if (typeof o == "string") return _array_like_to_array(o, minLen);
96
- var n = Object.prototype.toString.call(o).slice(8, -1);
97
- if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
98
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
99
- }
100
- }
101
- var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContextScope(AVATAR_NAME), 2), createAvatarContext = _createContextScope[0], createAvatarScope = _createContextScope[1], _createAvatarContext = _sliced_to_array(createAvatarContext(AVATAR_NAME), 2), AvatarProvider = _createAvatarContext[0], useAvatarContext = _createAvatarContext[1], IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
102
- var _getShapeSize, __scopeAvatar = props.__scopeAvatar, src = props.src, _props_onLoadingStatusChange = props.onLoadingStatusChange, onLoadingStatusChange = _props_onLoadingStatusChange === void 0 ? function() {
103
- } : _props_onLoadingStatusChange, imageProps = _object_without_properties(props, [
104
- "__scopeAvatar",
105
- "src",
106
- "onLoadingStatusChange"
107
- ]), context = useAvatarContext(IMAGE_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState("idle"), 2), status = _React_useState[0], setStatus = _React_useState[1], shapeSize = getVariableValue((_getShapeSize = getShapeSize(
9
+ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
10
+ var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
11
+ }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
108
12
  context.size,
109
13
  // @ts-expect-error
110
14
  {
@@ -122,12 +26,13 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContext
122
26
  ]), /* @__PURE__ */ _jsx(YStack, {
123
27
  fullscreen: !0,
124
28
  zIndex: 1,
125
- children: /* @__PURE__ */ _jsx(Image, _object_spread_props(_object_spread({
126
- fullscreen: !0
127
- }, typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
128
- width: shapeSize,
129
- height: shapeSize
130
- }, imageProps), {
29
+ children: /* @__PURE__ */ _jsx(Image, {
30
+ fullscreen: !0,
31
+ ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
32
+ width: shapeSize,
33
+ height: shapeSize
34
+ },
35
+ ...imageProps,
131
36
  // @ts-ignore
132
37
  ref: forwardedRef,
133
38
  // @ts-ignore
@@ -141,7 +46,7 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContext
141
46
  onLoad: function() {
142
47
  setStatus("loaded");
143
48
  }
144
- }))
49
+ })
145
50
  });
146
51
  });
147
52
  AvatarImage.displayName = IMAGE_NAME;
@@ -151,10 +56,7 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
151
56
  fullscreen: !0,
152
57
  zIndex: 0
153
58
  }), AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
154
- var __scopeAvatar = props.__scopeAvatar, delayMs = props.delayMs, fallbackProps = _object_without_properties(props, [
155
- "__scopeAvatar",
156
- "delayMs"
157
- ]), context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState(delayMs === void 0), 2), canRender = _React_useState[0], setCanRender = _React_useState[1];
59
+ var { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
158
60
  return React.useEffect(function() {
159
61
  if (delayMs !== void 0) {
160
62
  var timerId = setTimeout(function() {
@@ -166,9 +68,10 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
166
68
  }
167
69
  }, [
168
70
  delayMs
169
- ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, _object_spread_props(_object_spread({}, fallbackProps), {
71
+ ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, {
72
+ ...fallbackProps,
170
73
  ref: forwardedRef
171
- })) : null;
74
+ }) : null;
172
75
  }));
173
76
  AvatarFallback.displayName = FALLBACK_NAME;
174
77
  var AvatarFrame = styled(Square, {
@@ -176,20 +79,17 @@ var AvatarFrame = styled(Square, {
176
79
  position: "relative",
177
80
  overflow: "hidden"
178
81
  }), Avatar = withStaticProperties(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
179
- var __scopeAvatar = props.__scopeAvatar, _props_size = props.size, size = _props_size === void 0 ? "$true" : _props_size, avatarProps = _object_without_properties(props, [
180
- "__scopeAvatar",
181
- "size"
182
- ]), _React_useState = _sliced_to_array(React.useState("idle"), 2), imageLoadingStatus = _React_useState[0], setImageLoadingStatus = _React_useState[1];
82
+ var { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
183
83
  return /* @__PURE__ */ _jsx(AvatarProvider, {
184
84
  size,
185
85
  scope: __scopeAvatar,
186
86
  imageLoadingStatus,
187
87
  onImageLoadingStatusChange: setImageLoadingStatus,
188
- children: /* @__PURE__ */ _jsx(AvatarFrame, _object_spread_props(_object_spread({
189
- size
190
- }, avatarProps), {
88
+ children: /* @__PURE__ */ _jsx(AvatarFrame, {
89
+ size,
90
+ ...avatarProps,
191
91
  ref: forwardedRef
192
- }))
92
+ })
193
93
  });
194
94
  }), {
195
95
  Image: AvatarImage,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": ["getTokens", "getVariableValue", "styled", "createContextScope", "withStaticProperties", "Image", "Square", "getShapeSize", "YStack", "React", "AVATAR_NAME", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "forwardRef", "props", "forwardedRef", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "useState", "status", "setStatus", "shapeSize", "size", "tokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "fullscreen", "zIndex", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "undefined", "canRender", "setCanRender", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "overflow", "Avatar", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
4
+ "mappings": ";AAGA,SAASA,WAAWC,kBAAkBC,cAAc;AAEpD,SAASC,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,SAASC,aAAa;AACtB,SAASC,QAAQC,oBAAoB;AACrC,SAASC,cAAc;AACvB,YAAYC,WAAW;AAEvB,IAAMC,cAAc,UAGd,CAACC,qBAAqBC,iBAAAA,IAAqBT,mBAAmBO,WAAAA,GAU9D,CAACG,gBAAgBC,gBAAAA,IACrBH,oBAAwCD,WAAAA,GAMpCK,aAAa,eAMbC,cAAcP,sBAAMQ,WACxB,SAACC,OAAsCC,cAAAA;MAKnCZ,eAJI,EAAEa,eAAeC,KAAKC,wBAAwB,WAAA;EAAO,GAAG,GAAGC,WAAAA,IAAeL,OAC1EM,UAAUV,iBAAiBC,YAAYK,aAAAA,GACvC,CAACK,QAAQC,SAAAA,IAAajB,MAAMkB,SAA6B,MAAA,GACzDC,YAAY3B,kBAChBM,gBAAAA;IACEiB,QAAQK;;IAER;MAAEC,QAAQ9B,UAAAA;IAAY;EAAA,OAAA,QAHxBO,kBAAAA,SAAAA,SAAAA,cAIGwB,KAAK;AAGVtB,eAAMuB,UAAU,WAAA;AACdN,cAAU,MAAA;EACZ,GAAG;IAACO,KAAKC,UAAUb,GAAAA;GAAK,GAExBZ,MAAMuB,UAAU,WAAA;AACdV,0BAAsBG,MAAAA,GACtBD,QAAQW,2BAA2BV,MAAAA;EACrC,GAAG;IAACA;GAAO,GAGT,qBAACjB,QAAAA;IAAO4B,YAAU;IAACC,QAAQ;cACzB,qBAAChC,OAAAA;MACC+B,YAAU;MACT,GAAI,OAAOR,aAAc,YACxB,CAACU,OAAOC,MAAMX,SAAAA,KAAc;QAC1BG,OAAOH;QACPY,QAAQZ;MACV;MACD,GAAGL;;MAEJkB,KAAKtB;;MAELE;;;;MAIAqB,SAAS,WAAA;AACPhB,kBAAU,OAAA;MACZ;MACAiB,QAAQ,WAAA;AACNjB,kBAAU,QAAA;MACZ;;;AAIR,CAAA;AAGFV,YAAY4B,cAAc7B;AAM1B,IAAM8B,gBAAgB,kBAETC,sBAAsB5C,OAAOM,QAAQ;EAChDuC,MAAMF;EACNG,UAAU;EACVZ,YAAY;EACZC,QAAQ;AACV,CAAA,GAMMY,iBAAiBH,oBAAoBI,YACzCzC,sBAAMQ,WACJ,SAACC,OAAyCC,cAAAA;AACxC,MAAM,EAAEC,eAAe+B,SAAS,GAAGC,cAAAA,IAAkBlC,OAC/CM,UAAUV,iBAAiB+B,eAAezB,aAAAA,GAC1C,CAACiC,WAAWC,YAAAA,IAAgB7C,MAAMkB,SAASwB,YAAYI,MAAAA;AAE7D9C,eAAMuB,UAAU,WAAA;AACd,QAAImB,YAAYI,QAAW;AACzB,UAAMC,UAAUC,WAAW,WAAA;eAAMH,aAAa,EAAA;SAAOH,OAAAA;AACrD,aAAO,WAAA;eAAMO,aAAaF,OAAAA;;IAC5B;EACF,GAAG;IAACL;GAAQ,GAELE,aAAa7B,QAAQmC,uBAAuB,WACjD,qBAACb,qBAAAA;IAAqB,GAAGM;IAAeX,KAAKtB;OAC3C;AACN,CAAA,CAAA;AAIJ8B,eAAeL,cAAcC;AAMtB,IAAMe,cAAc1D,OAAOI,QAAQ;EACxCyC,MAAMrC;EACNsC,UAAU;EACVa,UAAU;AACZ,CAAA,GAIMC,SAAS1D,qBACbK,sBAAMQ,WACJ,SAACC,OAAiCC,cAAAA;AAChC,MAAM,EAAEC,eAAeS,OAAO,SAAS,GAAGkC,YAAAA,IAAgB7C,OACpD,CAACyC,oBAAoBK,qBAAAA,IACzBvD,MAAMkB,SAA6B,MAAA;AACrC,SACE,qBAACd,gBAAAA;IACCgB;IACAoC,OAAO7C;IACPuC;IACAxB,4BAA4B6B;cAE5B,qBAACJ,aAAAA;MAAY/B;MAAa,GAAGkC;MAAatB,KAAKtB;;;AAGrD,CAAA,GAEF;EACEd,OAAOW;EACPkD,UAAUjB;AACZ,CAAA;AAGFa,OAAOlB,cAAclC;",
5
+ "names": ["getTokens", "getVariableValue", "styled", "createContextScope", "withStaticProperties", "Image", "Square", "getShapeSize", "YStack", "React", "AVATAR_NAME", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "forwardRef", "props", "forwardedRef", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "status", "setStatus", "useState", "shapeSize", "size", "tokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "fullscreen", "zIndex", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "canRender", "setCanRender", "undefined", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "overflow", "Avatar", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
6
6
  }
@@ -0,0 +1,118 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { getTokens, getVariableValue, styled } from "@tamagui/core";
3
+ import { createContextScope } from "@tamagui/create-context";
4
+ import { withStaticProperties } from "@tamagui/helpers";
5
+ import { Image } from "@tamagui/image";
6
+ import { Square, getShapeSize } from "@tamagui/shapes";
7
+ import { YStack } from "@tamagui/stacks";
8
+ import * as React from "react";
9
+ var AVATAR_NAME = "Avatar",
10
+ [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME),
11
+ [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
12
+ IMAGE_NAME = "AvatarImage",
13
+ AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
14
+ var _getShapeSize,
15
+ {
16
+ __scopeAvatar,
17
+ src,
18
+ onLoadingStatusChange = function () {},
19
+ ...imageProps
20
+ } = props,
21
+ context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
22
+ [status, setStatus] = React.useState("idle"),
23
+ shapeSize = getVariableValue((_getShapeSize = getShapeSize(context.size,
24
+ // @ts-expect-error
25
+ {
26
+ tokens: getTokens()
27
+ })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
28
+ return React.useEffect(function () {
29
+ setStatus("idle");
30
+ }, [JSON.stringify(src)]), React.useEffect(function () {
31
+ onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
32
+ }, [status]), /* @__PURE__ */_jsx(YStack, {
33
+ fullscreen: !0,
34
+ zIndex: 1,
35
+ children: /* @__PURE__ */_jsx(Image, {
36
+ fullscreen: !0,
37
+ ...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
38
+ width: shapeSize,
39
+ height: shapeSize
40
+ }),
41
+ ...imageProps,
42
+ // @ts-ignore
43
+ ref: forwardedRef,
44
+ // @ts-ignore
45
+ src,
46
+ // onLoadStart={() => {
47
+ // // setStatus('loading')
48
+ // }}
49
+ onError: function () {
50
+ setStatus("error");
51
+ },
52
+ onLoad: function () {
53
+ setStatus("loaded");
54
+ }
55
+ })
56
+ });
57
+ });
58
+ AvatarImage.displayName = IMAGE_NAME;
59
+ var FALLBACK_NAME = "AvatarFallback",
60
+ AvatarFallbackFrame = styled(YStack, {
61
+ name: FALLBACK_NAME,
62
+ position: "absolute",
63
+ fullscreen: !0,
64
+ zIndex: 0
65
+ }),
66
+ AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
67
+ var {
68
+ __scopeAvatar,
69
+ delayMs,
70
+ ...fallbackProps
71
+ } = props,
72
+ context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
73
+ [canRender, setCanRender] = React.useState(delayMs === void 0);
74
+ return React.useEffect(function () {
75
+ if (delayMs !== void 0) {
76
+ var timerId = setTimeout(function () {
77
+ return setCanRender(!0);
78
+ }, delayMs);
79
+ return function () {
80
+ return clearTimeout(timerId);
81
+ };
82
+ }
83
+ }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */_jsx(AvatarFallbackFrame, {
84
+ ...fallbackProps,
85
+ ref: forwardedRef
86
+ }) : null;
87
+ }));
88
+ AvatarFallback.displayName = FALLBACK_NAME;
89
+ var AvatarFrame = styled(Square, {
90
+ name: AVATAR_NAME,
91
+ position: "relative",
92
+ overflow: "hidden"
93
+ }),
94
+ Avatar = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
95
+ var {
96
+ __scopeAvatar,
97
+ size = "$true",
98
+ ...avatarProps
99
+ } = props,
100
+ [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
101
+ return /* @__PURE__ */_jsx(AvatarProvider, {
102
+ size,
103
+ scope: __scopeAvatar,
104
+ imageLoadingStatus,
105
+ onImageLoadingStatusChange: setImageLoadingStatus,
106
+ children: /* @__PURE__ */_jsx(AvatarFrame, {
107
+ size,
108
+ ...avatarProps,
109
+ ref: forwardedRef
110
+ })
111
+ });
112
+ }), {
113
+ Image: AvatarImage,
114
+ Fallback: AvatarFallback
115
+ });
116
+ Avatar.displayName = AVATAR_NAME;
117
+ export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
118
+ //# sourceMappingURL=Avatar.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","useEffect","JSON","stringify","onImageLoadingStatusChange","fullscreen","zIndex","children","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","position","AvatarFallback","extractable","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":[]}
@@ -0,0 +1,2 @@
1
+ export * from "./Avatar.mjs";
2
+ //# sourceMappingURL=index.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -6,105 +6,9 @@ import { Image } from "@tamagui/image";
6
6
  import { Square, getShapeSize } from "@tamagui/shapes";
7
7
  import { YStack } from "@tamagui/stacks";
8
8
  import * as React from "react";
9
- function _array_like_to_array(arr, len) {
10
- (len == null || len > arr.length) && (len = arr.length);
11
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
12
- return arr2;
13
- }
14
- function _array_with_holes(arr) {
15
- if (Array.isArray(arr)) return arr;
16
- }
17
- function _define_property(obj, key, value) {
18
- return key in obj ? Object.defineProperty(obj, key, {
19
- value,
20
- enumerable: !0,
21
- configurable: !0,
22
- writable: !0
23
- }) : obj[key] = value, obj;
24
- }
25
- function _iterable_to_array_limit(arr, i) {
26
- var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
27
- if (_i != null) {
28
- var _arr = [], _n = !0, _d = !1, _s, _e;
29
- try {
30
- for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
31
- ;
32
- } catch (err) {
33
- _d = !0, _e = err;
34
- } finally {
35
- try {
36
- !_n && _i.return != null && _i.return();
37
- } finally {
38
- if (_d) throw _e;
39
- }
40
- }
41
- return _arr;
42
- }
43
- }
44
- function _non_iterable_rest() {
45
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
46
- }
47
- function _object_spread(target) {
48
- for (var i = 1; i < arguments.length; i++) {
49
- var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
50
- typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
51
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
52
- }))), ownKeys2.forEach(function(key) {
53
- _define_property(target, key, source[key]);
54
- });
55
- }
56
- return target;
57
- }
58
- function ownKeys(object, enumerableOnly) {
59
- var keys = Object.keys(object);
60
- if (Object.getOwnPropertySymbols) {
61
- var symbols = Object.getOwnPropertySymbols(object);
62
- enumerableOnly && (symbols = symbols.filter(function(sym) {
63
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
64
- })), keys.push.apply(keys, symbols);
65
- }
66
- return keys;
67
- }
68
- function _object_spread_props(target, source) {
69
- return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
70
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
71
- }), target;
72
- }
73
- function _object_without_properties(source, excluded) {
74
- if (source == null) return {};
75
- var target = _object_without_properties_loose(source, excluded), key, i;
76
- if (Object.getOwnPropertySymbols) {
77
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
78
- for (i = 0; i < sourceSymbolKeys.length; i++)
79
- key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
80
- }
81
- return target;
82
- }
83
- function _object_without_properties_loose(source, excluded) {
84
- if (source == null) return {};
85
- var target = {}, sourceKeys = Object.keys(source), key, i;
86
- for (i = 0; i < sourceKeys.length; i++)
87
- key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
88
- return target;
89
- }
90
- function _sliced_to_array(arr, i) {
91
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
92
- }
93
- function _unsupported_iterable_to_array(o, minLen) {
94
- if (o) {
95
- if (typeof o == "string") return _array_like_to_array(o, minLen);
96
- var n = Object.prototype.toString.call(o).slice(8, -1);
97
- if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
98
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
99
- }
100
- }
101
- var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContextScope(AVATAR_NAME), 2), createAvatarContext = _createContextScope[0], createAvatarScope = _createContextScope[1], _createAvatarContext = _sliced_to_array(createAvatarContext(AVATAR_NAME), 2), AvatarProvider = _createAvatarContext[0], useAvatarContext = _createAvatarContext[1], IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
102
- var _getShapeSize, __scopeAvatar = props.__scopeAvatar, src = props.src, _props_onLoadingStatusChange = props.onLoadingStatusChange, onLoadingStatusChange = _props_onLoadingStatusChange === void 0 ? function() {
103
- } : _props_onLoadingStatusChange, imageProps = _object_without_properties(props, [
104
- "__scopeAvatar",
105
- "src",
106
- "onLoadingStatusChange"
107
- ]), context = useAvatarContext(IMAGE_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState("idle"), 2), status = _React_useState[0], setStatus = _React_useState[1], shapeSize = getVariableValue((_getShapeSize = getShapeSize(
9
+ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
10
+ var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
11
+ }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
108
12
  context.size,
109
13
  // @ts-expect-error
110
14
  {
@@ -122,12 +26,13 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContext
122
26
  ]), /* @__PURE__ */ _jsx(YStack, {
123
27
  fullscreen: !0,
124
28
  zIndex: 1,
125
- children: /* @__PURE__ */ _jsx(Image, _object_spread_props(_object_spread({
126
- fullscreen: !0
127
- }, typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
128
- width: shapeSize,
129
- height: shapeSize
130
- }, imageProps), {
29
+ children: /* @__PURE__ */ _jsx(Image, {
30
+ fullscreen: !0,
31
+ ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
32
+ width: shapeSize,
33
+ height: shapeSize
34
+ },
35
+ ...imageProps,
131
36
  // @ts-ignore
132
37
  ref: forwardedRef,
133
38
  // @ts-ignore
@@ -141,7 +46,7 @@ var AVATAR_NAME = "Avatar", _createContextScope = _sliced_to_array(createContext
141
46
  onLoad: function() {
142
47
  setStatus("loaded");
143
48
  }
144
- }))
49
+ })
145
50
  });
146
51
  });
147
52
  AvatarImage.displayName = IMAGE_NAME;
@@ -151,10 +56,7 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
151
56
  fullscreen: !0,
152
57
  zIndex: 0
153
58
  }), AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
154
- var __scopeAvatar = props.__scopeAvatar, delayMs = props.delayMs, fallbackProps = _object_without_properties(props, [
155
- "__scopeAvatar",
156
- "delayMs"
157
- ]), context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), _React_useState = _sliced_to_array(React.useState(delayMs === void 0), 2), canRender = _React_useState[0], setCanRender = _React_useState[1];
59
+ var { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
158
60
  return React.useEffect(function() {
159
61
  if (delayMs !== void 0) {
160
62
  var timerId = setTimeout(function() {
@@ -166,9 +68,10 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
166
68
  }
167
69
  }, [
168
70
  delayMs
169
- ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, _object_spread_props(_object_spread({}, fallbackProps), {
71
+ ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, {
72
+ ...fallbackProps,
170
73
  ref: forwardedRef
171
- })) : null;
74
+ }) : null;
172
75
  }));
173
76
  AvatarFallback.displayName = FALLBACK_NAME;
174
77
  var AvatarFrame = styled(Square, {
@@ -176,20 +79,17 @@ var AvatarFrame = styled(Square, {
176
79
  position: "relative",
177
80
  overflow: "hidden"
178
81
  }), Avatar = withStaticProperties(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
179
- var __scopeAvatar = props.__scopeAvatar, _props_size = props.size, size = _props_size === void 0 ? "$true" : _props_size, avatarProps = _object_without_properties(props, [
180
- "__scopeAvatar",
181
- "size"
182
- ]), _React_useState = _sliced_to_array(React.useState("idle"), 2), imageLoadingStatus = _React_useState[0], setImageLoadingStatus = _React_useState[1];
82
+ var { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
183
83
  return /* @__PURE__ */ _jsx(AvatarProvider, {
184
84
  size,
185
85
  scope: __scopeAvatar,
186
86
  imageLoadingStatus,
187
87
  onImageLoadingStatusChange: setImageLoadingStatus,
188
- children: /* @__PURE__ */ _jsx(AvatarFrame, _object_spread_props(_object_spread({
189
- size
190
- }, avatarProps), {
88
+ children: /* @__PURE__ */ _jsx(AvatarFrame, {
89
+ size,
90
+ ...avatarProps,
191
91
  ref: forwardedRef
192
- }))
92
+ })
193
93
  });
194
94
  }), {
195
95
  Image: AvatarImage,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/Avatar.tsx"],
4
- "mappings": "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",
5
- "names": ["getTokens", "getVariableValue", "styled", "createContextScope", "withStaticProperties", "Image", "Square", "getShapeSize", "YStack", "React", "AVATAR_NAME", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "forwardRef", "props", "forwardedRef", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "useState", "status", "setStatus", "shapeSize", "size", "tokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "fullscreen", "zIndex", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "undefined", "canRender", "setCanRender", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "overflow", "Avatar", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
4
+ "mappings": "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",
5
+ "names": ["getTokens", "getVariableValue", "styled", "createContextScope", "withStaticProperties", "Image", "Square", "getShapeSize", "YStack", "React", "AVATAR_NAME", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "forwardRef", "props", "forwardedRef", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "status", "setStatus", "useState", "shapeSize", "size", "tokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "fullscreen", "zIndex", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "canRender", "setCanRender", "undefined", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "overflow", "Avatar", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/avatar",
3
- "version": "1.110.5",
3
+ "version": "1.111.1",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -33,14 +33,14 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/core": "1.110.5",
37
- "@tamagui/helpers": "1.110.5",
38
- "@tamagui/image": "1.110.5",
39
- "@tamagui/shapes": "1.110.5",
40
- "@tamagui/text": "1.110.5"
36
+ "@tamagui/core": "1.111.1",
37
+ "@tamagui/helpers": "1.111.1",
38
+ "@tamagui/image": "1.111.1",
39
+ "@tamagui/shapes": "1.111.1",
40
+ "@tamagui/text": "1.111.1"
41
41
  },
42
42
  "devDependencies": {
43
- "@tamagui/build": "1.110.5",
43
+ "@tamagui/build": "1.111.1",
44
44
  "react": "^18.2.0 || ^19.0.0",
45
45
  "react-native": "0.74.1"
46
46
  },