@heroui/avatar 2.2.18-beta.1 → 2.2.18-beta.2
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/avatar-group.js +2 -3
- package/dist/avatar-group.mjs +3 -3
- package/dist/avatar.js +2 -3
- package/dist/avatar.mjs +2 -2
- package/dist/{chunk-H44CU6UA.mjs → chunk-224FR5UN.mjs} +1 -1
- package/dist/{chunk-A6PX3NG3.mjs → chunk-3FFVP3PC.mjs} +1 -1
- package/dist/{chunk-LTC67JRI.mjs → chunk-URUA6GTV.mjs} +1 -2
- package/dist/index.js +2 -3
- package/dist/index.mjs +3 -3
- package/dist/use-avatar-group.d.mts +2 -2
- package/dist/use-avatar-group.d.ts +2 -2
- package/dist/use-avatar.d.mts +2 -2
- package/dist/use-avatar.d.ts +2 -2
- package/dist/use-avatar.js +2 -3
- package/dist/use-avatar.mjs +1 -1
- package/package.json +4 -5
package/dist/avatar-group.js
CHANGED
|
@@ -150,7 +150,6 @@ var AvatarIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
150
150
|
// src/use-avatar.ts
|
|
151
151
|
var import_theme2 = require("@heroui/theme");
|
|
152
152
|
var import_system = require("@heroui/system");
|
|
153
|
-
var import_utils = require("@react-aria/utils");
|
|
154
153
|
var import_react_utils4 = require("@heroui/react-utils");
|
|
155
154
|
var import_shared_utils2 = require("@heroui/shared-utils");
|
|
156
155
|
var import_focus = require("@react-aria/focus");
|
|
@@ -237,7 +236,7 @@ function useAvatar(originalProps = {}) {
|
|
|
237
236
|
className: slots.base({
|
|
238
237
|
class: (0, import_shared_utils2.clsx)(baseStyles, props == null ? void 0 : props.className)
|
|
239
238
|
}),
|
|
240
|
-
...(0,
|
|
239
|
+
...(0, import_shared_utils2.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
|
|
241
240
|
}),
|
|
242
241
|
[canBeFocused, slots, baseStyles, focusProps, otherProps]
|
|
243
242
|
);
|
|
@@ -247,7 +246,7 @@ function useAvatar(originalProps = {}) {
|
|
|
247
246
|
src,
|
|
248
247
|
"data-loaded": (0, import_shared_utils2.dataAttr)(isImgLoaded),
|
|
249
248
|
className: slots.img({ class: classNames == null ? void 0 : classNames.img }),
|
|
250
|
-
...(0,
|
|
249
|
+
...(0, import_shared_utils2.mergeProps)(
|
|
251
250
|
imgProps,
|
|
252
251
|
props,
|
|
253
252
|
(0, import_react_utils4.filterDOMProps)({ disableAnimation }, {
|
package/dist/avatar-group.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
avatar_group_default
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import "./chunk-
|
|
4
|
+
} from "./chunk-224FR5UN.mjs";
|
|
5
|
+
import "./chunk-3FFVP3PC.mjs";
|
|
6
6
|
import "./chunk-25E6VDTZ.mjs";
|
|
7
7
|
import "./chunk-QH65JCLF.mjs";
|
|
8
|
-
import "./chunk-
|
|
8
|
+
import "./chunk-URUA6GTV.mjs";
|
|
9
9
|
import "./chunk-JUJ53SJZ.mjs";
|
|
10
10
|
export {
|
|
11
11
|
avatar_group_default as default
|
package/dist/avatar.js
CHANGED
|
@@ -60,7 +60,6 @@ var AvatarIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
60
60
|
// src/use-avatar.ts
|
|
61
61
|
var import_theme = require("@heroui/theme");
|
|
62
62
|
var import_system = require("@heroui/system");
|
|
63
|
-
var import_utils = require("@react-aria/utils");
|
|
64
63
|
var import_react_utils2 = require("@heroui/react-utils");
|
|
65
64
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
66
65
|
var import_focus = require("@react-aria/focus");
|
|
@@ -156,7 +155,7 @@ function useAvatar(originalProps = {}) {
|
|
|
156
155
|
className: slots.base({
|
|
157
156
|
class: (0, import_shared_utils.clsx)(baseStyles, props == null ? void 0 : props.className)
|
|
158
157
|
}),
|
|
159
|
-
...(0,
|
|
158
|
+
...(0, import_shared_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
|
|
160
159
|
}),
|
|
161
160
|
[canBeFocused, slots, baseStyles, focusProps, otherProps]
|
|
162
161
|
);
|
|
@@ -166,7 +165,7 @@ function useAvatar(originalProps = {}) {
|
|
|
166
165
|
src,
|
|
167
166
|
"data-loaded": (0, import_shared_utils.dataAttr)(isImgLoaded),
|
|
168
167
|
className: slots.img({ class: classNames == null ? void 0 : classNames.img }),
|
|
169
|
-
...(0,
|
|
168
|
+
...(0, import_shared_utils.mergeProps)(
|
|
170
169
|
imgProps,
|
|
171
170
|
props,
|
|
172
171
|
(0, import_react_utils2.filterDOMProps)({ disableAnimation }, {
|
package/dist/avatar.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
avatar_default
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-3FFVP3PC.mjs";
|
|
5
5
|
import "./chunk-25E6VDTZ.mjs";
|
|
6
|
-
import "./chunk-
|
|
6
|
+
import "./chunk-URUA6GTV.mjs";
|
|
7
7
|
import "./chunk-JUJ53SJZ.mjs";
|
|
8
8
|
export {
|
|
9
9
|
avatar_default as default
|
|
@@ -6,9 +6,8 @@ import {
|
|
|
6
6
|
// src/use-avatar.ts
|
|
7
7
|
import { avatar } from "@heroui/theme";
|
|
8
8
|
import { useProviderContext } from "@heroui/system";
|
|
9
|
-
import { mergeProps } from "@react-aria/utils";
|
|
10
9
|
import { useDOMRef, filterDOMProps } from "@heroui/react-utils";
|
|
11
|
-
import { clsx, safeText, dataAttr } from "@heroui/shared-utils";
|
|
10
|
+
import { clsx, safeText, dataAttr, mergeProps } from "@heroui/shared-utils";
|
|
12
11
|
import { useFocusRing } from "@react-aria/focus";
|
|
13
12
|
import { useMemo, useCallback } from "react";
|
|
14
13
|
import { useImage } from "@heroui/use-image";
|
package/dist/index.js
CHANGED
|
@@ -68,7 +68,6 @@ var AvatarIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
68
68
|
// src/use-avatar.ts
|
|
69
69
|
var import_theme = require("@heroui/theme");
|
|
70
70
|
var import_system = require("@heroui/system");
|
|
71
|
-
var import_utils = require("@react-aria/utils");
|
|
72
71
|
var import_react_utils2 = require("@heroui/react-utils");
|
|
73
72
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
74
73
|
var import_focus = require("@react-aria/focus");
|
|
@@ -164,7 +163,7 @@ function useAvatar(originalProps = {}) {
|
|
|
164
163
|
className: slots.base({
|
|
165
164
|
class: (0, import_shared_utils.clsx)(baseStyles, props == null ? void 0 : props.className)
|
|
166
165
|
}),
|
|
167
|
-
...(0,
|
|
166
|
+
...(0, import_shared_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
|
|
168
167
|
}),
|
|
169
168
|
[canBeFocused, slots, baseStyles, focusProps, otherProps]
|
|
170
169
|
);
|
|
@@ -174,7 +173,7 @@ function useAvatar(originalProps = {}) {
|
|
|
174
173
|
src,
|
|
175
174
|
"data-loaded": (0, import_shared_utils.dataAttr)(isImgLoaded),
|
|
176
175
|
className: slots.img({ class: classNames == null ? void 0 : classNames.img }),
|
|
177
|
-
...(0,
|
|
176
|
+
...(0, import_shared_utils.mergeProps)(
|
|
178
177
|
imgProps,
|
|
179
178
|
props,
|
|
180
179
|
(0, import_react_utils2.filterDOMProps)({ disableAnimation }, {
|
package/dist/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
avatar_group_default
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-224FR5UN.mjs";
|
|
5
5
|
import {
|
|
6
6
|
avatar_default
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-3FFVP3PC.mjs";
|
|
8
8
|
import {
|
|
9
9
|
AvatarIcon
|
|
10
10
|
} from "./chunk-25E6VDTZ.mjs";
|
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
} from "./chunk-QH65JCLF.mjs";
|
|
14
14
|
import {
|
|
15
15
|
useAvatar
|
|
16
|
-
} from "./chunk-
|
|
16
|
+
} from "./chunk-URUA6GTV.mjs";
|
|
17
17
|
import {
|
|
18
18
|
AvatarGroupProvider,
|
|
19
19
|
useAvatarGroupContext
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as _heroui_system from '@heroui/system';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
5
|
+
import { SlotsToClasses, AvatarGroupSlots, AvatarGroupVariantProps } from '@heroui/theme';
|
|
6
6
|
import { ReactRef } from '@heroui/react-utils';
|
|
7
7
|
import { AvatarProps } from './avatar.mjs';
|
|
8
8
|
import './use-avatar.mjs';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as _heroui_system from '@heroui/system';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
5
|
+
import { SlotsToClasses, AvatarGroupSlots, AvatarGroupVariantProps } from '@heroui/theme';
|
|
6
6
|
import { ReactRef } from '@heroui/react-utils';
|
|
7
7
|
import { AvatarProps } from './avatar.js';
|
|
8
8
|
import './use-avatar.js';
|
package/dist/use-avatar.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as tailwind_variants from 'tailwind-variants';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import * as _heroui_system from '@heroui/system';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
5
|
+
import { SlotsToClasses, AvatarSlots, AvatarVariantProps } from '@heroui/theme';
|
|
6
6
|
import { ReactRef } from '@heroui/react-utils';
|
|
7
7
|
|
|
8
8
|
interface Props extends HTMLHeroUIProps<"span"> {
|
package/dist/use-avatar.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as tailwind_variants from 'tailwind-variants';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import * as _heroui_system from '@heroui/system';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
5
|
+
import { SlotsToClasses, AvatarSlots, AvatarVariantProps } from '@heroui/theme';
|
|
6
6
|
import { ReactRef } from '@heroui/react-utils';
|
|
7
7
|
|
|
8
8
|
interface Props extends HTMLHeroUIProps<"span"> {
|
package/dist/use-avatar.js
CHANGED
|
@@ -26,7 +26,6 @@ __export(use_avatar_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(use_avatar_exports);
|
|
27
27
|
var import_theme = require("@heroui/theme");
|
|
28
28
|
var import_system = require("@heroui/system");
|
|
29
|
-
var import_utils = require("@react-aria/utils");
|
|
30
29
|
var import_react_utils2 = require("@heroui/react-utils");
|
|
31
30
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
32
31
|
var import_focus = require("@react-aria/focus");
|
|
@@ -122,7 +121,7 @@ function useAvatar(originalProps = {}) {
|
|
|
122
121
|
className: slots.base({
|
|
123
122
|
class: (0, import_shared_utils.clsx)(baseStyles, props == null ? void 0 : props.className)
|
|
124
123
|
}),
|
|
125
|
-
...(0,
|
|
124
|
+
...(0, import_shared_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
|
|
126
125
|
}),
|
|
127
126
|
[canBeFocused, slots, baseStyles, focusProps, otherProps]
|
|
128
127
|
);
|
|
@@ -132,7 +131,7 @@ function useAvatar(originalProps = {}) {
|
|
|
132
131
|
src,
|
|
133
132
|
"data-loaded": (0, import_shared_utils.dataAttr)(isImgLoaded),
|
|
134
133
|
className: slots.img({ class: classNames == null ? void 0 : classNames.img }),
|
|
135
|
-
...(0,
|
|
134
|
+
...(0, import_shared_utils.mergeProps)(
|
|
136
135
|
imgProps,
|
|
137
136
|
props,
|
|
138
137
|
(0, import_react_utils2.filterDOMProps)({ disableAnimation }, {
|
package/dist/use-avatar.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@heroui/avatar",
|
|
3
|
-
"version": "2.2.18-beta.
|
|
3
|
+
"version": "2.2.18-beta.2",
|
|
4
4
|
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"avatar"
|
|
@@ -33,10 +33,9 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@react-aria/interactions": "3.25.3",
|
|
35
35
|
"@react-aria/focus": "3.20.5",
|
|
36
|
-
"@react-
|
|
37
|
-
"@heroui/
|
|
38
|
-
"@heroui/
|
|
39
|
-
"@heroui/react-utils": "2.1.12-beta.1"
|
|
36
|
+
"@heroui/react-utils": "2.1.12-beta.2",
|
|
37
|
+
"@heroui/use-image": "2.1.11-beta.2",
|
|
38
|
+
"@heroui/shared-utils": "2.1.10-beta.4"
|
|
40
39
|
},
|
|
41
40
|
"clean-package": "../../../clean-package.config.json",
|
|
42
41
|
"module": "dist/index.mjs",
|