@heroui/avatar 2.2.23 → 2.2.25

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.
Files changed (3) hide show
  1. package/dist/use-avatar.d.mts +22 -22
  2. package/dist/use-avatar.d.ts +22 -22
  3. package/package.json +6 -6
package/dist/use-avatar.d.mts CHANGED
@@ -94,9 +94,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
94
94
  base: (slotProps?: ({
95
95
  size?: "md" | "sm" | "lg" | undefined;
96
96
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
97
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
98
- isBordered?: boolean | undefined;
97
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
99
98
  isDisabled?: boolean | undefined;
99
+ isBordered?: boolean | undefined;
100
100
  isInGroup?: boolean | undefined;
101
101
  isInGridGroup?: boolean | undefined;
102
102
  disableAnimation?: boolean | undefined;
@@ -104,9 +104,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
104
104
  img: (slotProps?: ({
105
105
  size?: "md" | "sm" | "lg" | undefined;
106
106
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
107
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
108
- isBordered?: boolean | undefined;
107
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
109
108
  isDisabled?: boolean | undefined;
109
+ isBordered?: boolean | undefined;
110
110
  isInGroup?: boolean | undefined;
111
111
  isInGridGroup?: boolean | undefined;
112
112
  disableAnimation?: boolean | undefined;
@@ -114,9 +114,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
114
114
  fallback: (slotProps?: ({
115
115
  size?: "md" | "sm" | "lg" | undefined;
116
116
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
117
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
118
- isBordered?: boolean | undefined;
117
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
119
118
  isDisabled?: boolean | undefined;
119
+ isBordered?: boolean | undefined;
120
120
  isInGroup?: boolean | undefined;
121
121
  isInGridGroup?: boolean | undefined;
122
122
  disableAnimation?: boolean | undefined;
@@ -124,9 +124,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
124
124
  name: (slotProps?: ({
125
125
  size?: "md" | "sm" | "lg" | undefined;
126
126
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
127
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
128
- isBordered?: boolean | undefined;
127
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
129
128
  isDisabled?: boolean | undefined;
129
+ isBordered?: boolean | undefined;
130
130
  isInGroup?: boolean | undefined;
131
131
  isInGridGroup?: boolean | undefined;
132
132
  disableAnimation?: boolean | undefined;
@@ -134,9 +134,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
134
134
  icon: (slotProps?: ({
135
135
  size?: "md" | "sm" | "lg" | undefined;
136
136
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
137
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
138
- isBordered?: boolean | undefined;
137
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
139
138
  isDisabled?: boolean | undefined;
139
+ isBordered?: boolean | undefined;
140
140
  isInGroup?: boolean | undefined;
141
141
  isInGridGroup?: boolean | undefined;
142
142
  disableAnimation?: boolean | undefined;
@@ -145,9 +145,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
145
145
  base: (slotProps?: ({
146
146
  size?: "md" | "sm" | "lg" | undefined;
147
147
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
148
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
149
- isBordered?: boolean | undefined;
148
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
150
149
  isDisabled?: boolean | undefined;
150
+ isBordered?: boolean | undefined;
151
151
  isInGroup?: boolean | undefined;
152
152
  isInGridGroup?: boolean | undefined;
153
153
  disableAnimation?: boolean | undefined;
@@ -155,9 +155,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
155
155
  img: (slotProps?: ({
156
156
  size?: "md" | "sm" | "lg" | undefined;
157
157
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
158
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
159
- isBordered?: boolean | undefined;
158
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
160
159
  isDisabled?: boolean | undefined;
160
+ isBordered?: boolean | undefined;
161
161
  isInGroup?: boolean | undefined;
162
162
  isInGridGroup?: boolean | undefined;
163
163
  disableAnimation?: boolean | undefined;
@@ -165,9 +165,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
165
165
  fallback: (slotProps?: ({
166
166
  size?: "md" | "sm" | "lg" | undefined;
167
167
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
168
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
169
- isBordered?: boolean | undefined;
168
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
170
169
  isDisabled?: boolean | undefined;
170
+ isBordered?: boolean | undefined;
171
171
  isInGroup?: boolean | undefined;
172
172
  isInGridGroup?: boolean | undefined;
173
173
  disableAnimation?: boolean | undefined;
@@ -175,9 +175,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
175
175
  name: (slotProps?: ({
176
176
  size?: "md" | "sm" | "lg" | undefined;
177
177
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
178
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
179
- isBordered?: boolean | undefined;
178
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
180
179
  isDisabled?: boolean | undefined;
180
+ isBordered?: boolean | undefined;
181
181
  isInGroup?: boolean | undefined;
182
182
  isInGridGroup?: boolean | undefined;
183
183
  disableAnimation?: boolean | undefined;
@@ -185,20 +185,20 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
185
185
  icon: (slotProps?: ({
186
186
  size?: "md" | "sm" | "lg" | undefined;
187
187
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
188
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
189
- isBordered?: boolean | undefined;
188
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
190
189
  isDisabled?: boolean | undefined;
190
+ isBordered?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
192
192
  isInGridGroup?: boolean | undefined;
193
193
  disableAnimation?: boolean | undefined;
194
194
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
195
195
  } & {};
196
- classNames: SlotsToClasses<"name" | "base" | "img" | "fallback" | "icon"> | undefined;
196
+ classNames: SlotsToClasses<"base" | "img" | "fallback" | "name" | "icon"> | undefined;
197
197
  fallback: react.ReactNode;
198
198
  isImgLoaded: boolean;
199
199
  showFallback: boolean;
200
200
  ignoreFallback: boolean;
201
- getInitials: (text: string) => string;
201
+ getInitials: (name: string) => string;
202
202
  getAvatarProps: PropGetter;
203
203
  getImageProps: PropGetter;
204
204
  };
package/dist/use-avatar.d.ts CHANGED
@@ -94,9 +94,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
94
94
  base: (slotProps?: ({
95
95
  size?: "md" | "sm" | "lg" | undefined;
96
96
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
97
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
98
- isBordered?: boolean | undefined;
97
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
99
98
  isDisabled?: boolean | undefined;
99
+ isBordered?: boolean | undefined;
100
100
  isInGroup?: boolean | undefined;
101
101
  isInGridGroup?: boolean | undefined;
102
102
  disableAnimation?: boolean | undefined;
@@ -104,9 +104,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
104
104
  img: (slotProps?: ({
105
105
  size?: "md" | "sm" | "lg" | undefined;
106
106
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
107
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
108
- isBordered?: boolean | undefined;
107
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
109
108
  isDisabled?: boolean | undefined;
109
+ isBordered?: boolean | undefined;
110
110
  isInGroup?: boolean | undefined;
111
111
  isInGridGroup?: boolean | undefined;
112
112
  disableAnimation?: boolean | undefined;
@@ -114,9 +114,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
114
114
  fallback: (slotProps?: ({
115
115
  size?: "md" | "sm" | "lg" | undefined;
116
116
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
117
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
118
- isBordered?: boolean | undefined;
117
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
119
118
  isDisabled?: boolean | undefined;
119
+ isBordered?: boolean | undefined;
120
120
  isInGroup?: boolean | undefined;
121
121
  isInGridGroup?: boolean | undefined;
122
122
  disableAnimation?: boolean | undefined;
@@ -124,9 +124,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
124
124
  name: (slotProps?: ({
125
125
  size?: "md" | "sm" | "lg" | undefined;
126
126
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
127
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
128
- isBordered?: boolean | undefined;
127
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
129
128
  isDisabled?: boolean | undefined;
129
+ isBordered?: boolean | undefined;
130
130
  isInGroup?: boolean | undefined;
131
131
  isInGridGroup?: boolean | undefined;
132
132
  disableAnimation?: boolean | undefined;
@@ -134,9 +134,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
134
134
  icon: (slotProps?: ({
135
135
  size?: "md" | "sm" | "lg" | undefined;
136
136
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
137
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
138
- isBordered?: boolean | undefined;
137
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
139
138
  isDisabled?: boolean | undefined;
139
+ isBordered?: boolean | undefined;
140
140
  isInGroup?: boolean | undefined;
141
141
  isInGridGroup?: boolean | undefined;
142
142
  disableAnimation?: boolean | undefined;
@@ -145,9 +145,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
145
145
  base: (slotProps?: ({
146
146
  size?: "md" | "sm" | "lg" | undefined;
147
147
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
148
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
149
- isBordered?: boolean | undefined;
148
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
150
149
  isDisabled?: boolean | undefined;
150
+ isBordered?: boolean | undefined;
151
151
  isInGroup?: boolean | undefined;
152
152
  isInGridGroup?: boolean | undefined;
153
153
  disableAnimation?: boolean | undefined;
@@ -155,9 +155,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
155
155
  img: (slotProps?: ({
156
156
  size?: "md" | "sm" | "lg" | undefined;
157
157
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
158
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
159
- isBordered?: boolean | undefined;
158
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
160
159
  isDisabled?: boolean | undefined;
160
+ isBordered?: boolean | undefined;
161
161
  isInGroup?: boolean | undefined;
162
162
  isInGridGroup?: boolean | undefined;
163
163
  disableAnimation?: boolean | undefined;
@@ -165,9 +165,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
165
165
  fallback: (slotProps?: ({
166
166
  size?: "md" | "sm" | "lg" | undefined;
167
167
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
168
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
169
- isBordered?: boolean | undefined;
168
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
170
169
  isDisabled?: boolean | undefined;
170
+ isBordered?: boolean | undefined;
171
171
  isInGroup?: boolean | undefined;
172
172
  isInGridGroup?: boolean | undefined;
173
173
  disableAnimation?: boolean | undefined;
@@ -175,9 +175,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
175
175
  name: (slotProps?: ({
176
176
  size?: "md" | "sm" | "lg" | undefined;
177
177
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
178
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
179
- isBordered?: boolean | undefined;
178
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
180
179
  isDisabled?: boolean | undefined;
180
+ isBordered?: boolean | undefined;
181
181
  isInGroup?: boolean | undefined;
182
182
  isInGridGroup?: boolean | undefined;
183
183
  disableAnimation?: boolean | undefined;
@@ -185,20 +185,20 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
185
185
  icon: (slotProps?: ({
186
186
  size?: "md" | "sm" | "lg" | undefined;
187
187
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
188
- radius?: "none" | "md" | "full" | "sm" | "lg" | undefined;
189
- isBordered?: boolean | undefined;
188
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
190
189
  isDisabled?: boolean | undefined;
190
+ isBordered?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
192
192
  isInGridGroup?: boolean | undefined;
193
193
  disableAnimation?: boolean | undefined;
194
194
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
195
195
  } & {};
196
- classNames: SlotsToClasses<"name" | "base" | "img" | "fallback" | "icon"> | undefined;
196
+ classNames: SlotsToClasses<"base" | "img" | "fallback" | "name" | "icon"> | undefined;
197
197
  fallback: react.ReactNode;
198
198
  isImgLoaded: boolean;
199
199
  showFallback: boolean;
200
200
  ignoreFallback: boolean;
201
- getInitials: (text: string) => string;
201
+ getInitials: (name: string) => string;
202
202
  getAvatarProps: PropGetter;
203
203
  getImageProps: PropGetter;
204
204
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heroui/avatar",
3
- "version": "2.2.23",
3
+ "version": "2.2.25",
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"
@@ -27,15 +27,15 @@
27
27
  "peerDependencies": {
28
28
  "react": ">=18 || >=19.0.0-rc.0",
29
29
  "react-dom": ">=18 || >=19.0.0-rc.0",
30
- "@heroui/theme": ">=2.4.23",
30
+ "@heroui/theme": ">=2.4.24",
31
31
  "@heroui/system": ">=2.4.18"
32
32
  },
33
33
  "dependencies": {
34
- "@react-aria/interactions": "3.25.6",
35
- "@react-aria/focus": "3.21.2",
34
+ "@react-aria/interactions": "3.26.0",
35
+ "@react-aria/focus": "3.21.3",
36
36
  "@heroui/shared-utils": "2.1.12",
37
- "@heroui/react-utils": "2.1.14",
38
- "@heroui/use-image": "2.1.13"
37
+ "@heroui/use-image": "2.1.14",
38
+ "@heroui/react-utils": "2.1.14"
39
39
  },
40
40
  "clean-package": "../../../clean-package.config.json",
41
41
  "module": "dist/index.mjs",