@heroui/avatar 2.2.13 → 2.2.14-beta.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.
Files changed (3) hide show
  1. package/dist/use-avatar.d.mts +20 -20
  2. package/dist/use-avatar.d.ts +20 -20
  3. package/package.json +6 -6
package/dist/use-avatar.d.mts CHANGED
@@ -92,9 +92,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
92
92
  imgRef: react.RefObject<HTMLImageElement>;
93
93
  slots: {
94
94
  base: (slotProps?: ({
95
- size?: "sm" | "md" | "lg" | undefined;
95
+ size?: "md" | "sm" | "lg" | undefined;
96
96
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
97
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
97
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
98
98
  isBordered?: boolean | undefined;
99
99
  isDisabled?: boolean | undefined;
100
100
  isInGroup?: boolean | undefined;
@@ -102,9 +102,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
102
102
  disableAnimation?: boolean | undefined;
103
103
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
104
104
  img: (slotProps?: ({
105
- size?: "sm" | "md" | "lg" | undefined;
105
+ size?: "md" | "sm" | "lg" | undefined;
106
106
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
107
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
107
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
108
108
  isBordered?: boolean | undefined;
109
109
  isDisabled?: boolean | undefined;
110
110
  isInGroup?: boolean | undefined;
@@ -112,9 +112,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
112
112
  disableAnimation?: boolean | undefined;
113
113
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
114
114
  fallback: (slotProps?: ({
115
- size?: "sm" | "md" | "lg" | undefined;
115
+ size?: "md" | "sm" | "lg" | undefined;
116
116
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
117
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
117
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
118
118
  isBordered?: boolean | undefined;
119
119
  isDisabled?: boolean | undefined;
120
120
  isInGroup?: boolean | undefined;
@@ -122,9 +122,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
122
122
  disableAnimation?: boolean | undefined;
123
123
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
124
124
  name: (slotProps?: ({
125
- size?: "sm" | "md" | "lg" | undefined;
125
+ size?: "md" | "sm" | "lg" | undefined;
126
126
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
127
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
127
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
128
128
  isBordered?: boolean | undefined;
129
129
  isDisabled?: boolean | undefined;
130
130
  isInGroup?: boolean | undefined;
@@ -132,9 +132,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
132
132
  disableAnimation?: boolean | undefined;
133
133
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
134
134
  icon: (slotProps?: ({
135
- size?: "sm" | "md" | "lg" | undefined;
135
+ size?: "md" | "sm" | "lg" | undefined;
136
136
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
137
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
137
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
138
138
  isBordered?: boolean | undefined;
139
139
  isDisabled?: boolean | undefined;
140
140
  isInGroup?: boolean | undefined;
@@ -143,9 +143,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
143
143
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
144
144
  } & {
145
145
  base: (slotProps?: ({
146
- size?: "sm" | "md" | "lg" | undefined;
146
+ size?: "md" | "sm" | "lg" | undefined;
147
147
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
148
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
148
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
149
149
  isBordered?: boolean | undefined;
150
150
  isDisabled?: boolean | undefined;
151
151
  isInGroup?: boolean | undefined;
@@ -153,9 +153,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
153
153
  disableAnimation?: boolean | undefined;
154
154
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
155
155
  img: (slotProps?: ({
156
- size?: "sm" | "md" | "lg" | undefined;
156
+ size?: "md" | "sm" | "lg" | undefined;
157
157
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
158
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
158
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
159
159
  isBordered?: boolean | undefined;
160
160
  isDisabled?: boolean | undefined;
161
161
  isInGroup?: boolean | undefined;
@@ -163,9 +163,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
163
163
  disableAnimation?: boolean | undefined;
164
164
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
165
165
  fallback: (slotProps?: ({
166
- size?: "sm" | "md" | "lg" | undefined;
166
+ size?: "md" | "sm" | "lg" | undefined;
167
167
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
168
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
168
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
169
169
  isBordered?: boolean | undefined;
170
170
  isDisabled?: boolean | undefined;
171
171
  isInGroup?: boolean | undefined;
@@ -173,9 +173,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
173
173
  disableAnimation?: boolean | undefined;
174
174
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
175
175
  name: (slotProps?: ({
176
- size?: "sm" | "md" | "lg" | undefined;
176
+ size?: "md" | "sm" | "lg" | undefined;
177
177
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
178
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
178
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
179
179
  isBordered?: boolean | undefined;
180
180
  isDisabled?: boolean | undefined;
181
181
  isInGroup?: boolean | undefined;
@@ -183,9 +183,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
183
183
  disableAnimation?: boolean | undefined;
184
184
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
185
185
  icon: (slotProps?: ({
186
- size?: "sm" | "md" | "lg" | undefined;
186
+ size?: "md" | "sm" | "lg" | undefined;
187
187
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
188
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
188
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
189
189
  isBordered?: boolean | undefined;
190
190
  isDisabled?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
package/dist/use-avatar.d.ts CHANGED
@@ -92,9 +92,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
92
92
  imgRef: react.RefObject<HTMLImageElement>;
93
93
  slots: {
94
94
  base: (slotProps?: ({
95
- size?: "sm" | "md" | "lg" | undefined;
95
+ size?: "md" | "sm" | "lg" | undefined;
96
96
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
97
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
97
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
98
98
  isBordered?: boolean | undefined;
99
99
  isDisabled?: boolean | undefined;
100
100
  isInGroup?: boolean | undefined;
@@ -102,9 +102,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
102
102
  disableAnimation?: boolean | undefined;
103
103
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
104
104
  img: (slotProps?: ({
105
- size?: "sm" | "md" | "lg" | undefined;
105
+ size?: "md" | "sm" | "lg" | undefined;
106
106
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
107
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
107
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
108
108
  isBordered?: boolean | undefined;
109
109
  isDisabled?: boolean | undefined;
110
110
  isInGroup?: boolean | undefined;
@@ -112,9 +112,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
112
112
  disableAnimation?: boolean | undefined;
113
113
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
114
114
  fallback: (slotProps?: ({
115
- size?: "sm" | "md" | "lg" | undefined;
115
+ size?: "md" | "sm" | "lg" | undefined;
116
116
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
117
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
117
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
118
118
  isBordered?: boolean | undefined;
119
119
  isDisabled?: boolean | undefined;
120
120
  isInGroup?: boolean | undefined;
@@ -122,9 +122,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
122
122
  disableAnimation?: boolean | undefined;
123
123
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
124
124
  name: (slotProps?: ({
125
- size?: "sm" | "md" | "lg" | undefined;
125
+ size?: "md" | "sm" | "lg" | undefined;
126
126
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
127
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
127
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
128
128
  isBordered?: boolean | undefined;
129
129
  isDisabled?: boolean | undefined;
130
130
  isInGroup?: boolean | undefined;
@@ -132,9 +132,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
132
132
  disableAnimation?: boolean | undefined;
133
133
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
134
134
  icon: (slotProps?: ({
135
- size?: "sm" | "md" | "lg" | undefined;
135
+ size?: "md" | "sm" | "lg" | undefined;
136
136
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
137
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
137
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
138
138
  isBordered?: boolean | undefined;
139
139
  isDisabled?: boolean | undefined;
140
140
  isInGroup?: boolean | undefined;
@@ -143,9 +143,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
143
143
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
144
144
  } & {
145
145
  base: (slotProps?: ({
146
- size?: "sm" | "md" | "lg" | undefined;
146
+ size?: "md" | "sm" | "lg" | undefined;
147
147
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
148
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
148
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
149
149
  isBordered?: boolean | undefined;
150
150
  isDisabled?: boolean | undefined;
151
151
  isInGroup?: boolean | undefined;
@@ -153,9 +153,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
153
153
  disableAnimation?: boolean | undefined;
154
154
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
155
155
  img: (slotProps?: ({
156
- size?: "sm" | "md" | "lg" | undefined;
156
+ size?: "md" | "sm" | "lg" | undefined;
157
157
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
158
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
158
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
159
159
  isBordered?: boolean | undefined;
160
160
  isDisabled?: boolean | undefined;
161
161
  isInGroup?: boolean | undefined;
@@ -163,9 +163,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
163
163
  disableAnimation?: boolean | undefined;
164
164
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
165
165
  fallback: (slotProps?: ({
166
- size?: "sm" | "md" | "lg" | undefined;
166
+ size?: "md" | "sm" | "lg" | undefined;
167
167
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
168
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
168
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
169
169
  isBordered?: boolean | undefined;
170
170
  isDisabled?: boolean | undefined;
171
171
  isInGroup?: boolean | undefined;
@@ -173,9 +173,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
173
173
  disableAnimation?: boolean | undefined;
174
174
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
175
175
  name: (slotProps?: ({
176
- size?: "sm" | "md" | "lg" | undefined;
176
+ size?: "md" | "sm" | "lg" | undefined;
177
177
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
178
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
178
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
179
179
  isBordered?: boolean | undefined;
180
180
  isDisabled?: boolean | undefined;
181
181
  isInGroup?: boolean | undefined;
@@ -183,9 +183,9 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
183
183
  disableAnimation?: boolean | undefined;
184
184
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
185
185
  icon: (slotProps?: ({
186
- size?: "sm" | "md" | "lg" | undefined;
186
+ size?: "md" | "sm" | "lg" | undefined;
187
187
  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
188
- radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
188
+ radius?: "md" | "full" | "sm" | "lg" | "none" | undefined;
189
189
  isBordered?: boolean | undefined;
190
190
  isDisabled?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heroui/avatar",
3
- "version": "2.2.13",
3
+ "version": "2.2.14-beta.1",
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,16 +27,16 @@
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.6",
31
- "@heroui/system": ">=2.4.7"
30
+ "@heroui/theme": ">=2.4.14-beta.0",
31
+ "@heroui/system": ">=2.4.14-beta.0"
32
32
  },
33
33
  "dependencies": {
34
34
  "@react-aria/interactions": "3.24.1",
35
35
  "@react-aria/focus": "3.20.1",
36
36
  "@react-aria/utils": "3.28.1",
37
- "@heroui/shared-utils": "2.1.7",
38
- "@heroui/react-utils": "2.1.8",
39
- "@heroui/use-image": "2.1.7"
37
+ "@heroui/shared-utils": "2.1.9-beta.1",
38
+ "@heroui/react-utils": "2.1.10-beta.1",
39
+ "@heroui/use-image": "2.1.9-beta.1"
40
40
  },
41
41
  "clean-package": "../../../clean-package.config.json",
42
42
  "module": "dist/index.mjs",