@heroui/avatar 2.2.18 → 2.2.19-beta.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.
Files changed (16) hide show
  1. package/dist/avatar-group.js +2 -3
  2. package/dist/avatar-group.mjs +3 -3
  3. package/dist/avatar.js +2 -3
  4. package/dist/avatar.mjs +2 -2
  5. package/dist/{chunk-H44CU6UA.mjs → chunk-224FR5UN.mjs} +1 -1
  6. package/dist/{chunk-A6PX3NG3.mjs → chunk-3FFVP3PC.mjs} +1 -1
  7. package/dist/{chunk-LTC67JRI.mjs → chunk-URUA6GTV.mjs} +1 -2
  8. package/dist/index.js +2 -3
  9. package/dist/index.mjs +3 -3
  10. package/dist/use-avatar-group.d.mts +2 -2
  11. package/dist/use-avatar-group.d.ts +2 -2
  12. package/dist/use-avatar.d.mts +22 -22
  13. package/dist/use-avatar.d.ts +22 -22
  14. package/dist/use-avatar.js +2 -3
  15. package/dist/use-avatar.mjs +1 -1
  16. package/package.json +6 -7
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, import_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
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, import_utils.mergeProps)(
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-H44CU6UA.mjs";
5
- import "./chunk-A6PX3NG3.mjs";
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-LTC67JRI.mjs";
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, import_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
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, import_utils.mergeProps)(
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-A6PX3NG3.mjs";
4
+ } from "./chunk-3FFVP3PC.mjs";
5
5
  import "./chunk-25E6VDTZ.mjs";
6
- import "./chunk-LTC67JRI.mjs";
6
+ import "./chunk-URUA6GTV.mjs";
7
7
  import "./chunk-JUJ53SJZ.mjs";
8
8
  export {
9
9
  avatar_default as default
package/dist/{chunk-H44CU6UA.mjs → chunk-224FR5UN.mjs} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  avatar_default
4
- } from "./chunk-A6PX3NG3.mjs";
4
+ } from "./chunk-3FFVP3PC.mjs";
5
5
  import {
6
6
  useAvatarGroup
7
7
  } from "./chunk-QH65JCLF.mjs";
package/dist/{chunk-A6PX3NG3.mjs → chunk-3FFVP3PC.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-25E6VDTZ.mjs";
5
5
  import {
6
6
  useAvatar
7
- } from "./chunk-LTC67JRI.mjs";
7
+ } from "./chunk-URUA6GTV.mjs";
8
8
 
9
9
  // src/avatar.tsx
10
10
  import { useMemo } from "react";
package/dist/{chunk-LTC67JRI.mjs → chunk-URUA6GTV.mjs} RENAMED
@@ -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, import_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
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, import_utils.mergeProps)(
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-H44CU6UA.mjs";
4
+ } from "./chunk-224FR5UN.mjs";
5
5
  import {
6
6
  avatar_default
7
- } from "./chunk-A6PX3NG3.mjs";
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-LTC67JRI.mjs";
16
+ } from "./chunk-URUA6GTV.mjs";
17
17
  import {
18
18
  AvatarGroupProvider,
19
19
  useAvatarGroupContext
package/dist/use-avatar-group.d.mts CHANGED
@@ -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 { PropGetter, HTMLHeroUIProps } from '@heroui/system';
5
- import { AvatarGroupVariantProps, SlotsToClasses, AvatarGroupSlots } from '@heroui/theme';
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';
package/dist/use-avatar-group.d.ts CHANGED
@@ -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 { PropGetter, HTMLHeroUIProps } from '@heroui/system';
5
- import { AvatarGroupVariantProps, SlotsToClasses, AvatarGroupSlots } from '@heroui/theme';
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 { PropGetter, HTMLHeroUIProps } from '@heroui/system';
5
- import { AvatarVariantProps, SlotsToClasses, AvatarSlots } from '@heroui/theme';
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"> {
@@ -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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | undefined;
189
189
  isBordered?: boolean | undefined;
190
190
  isDisabled?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
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 { PropGetter, HTMLHeroUIProps } from '@heroui/system';
5
- import { AvatarVariantProps, SlotsToClasses, AvatarSlots } from '@heroui/theme';
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"> {
@@ -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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | 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?: "none" | "md" | "full" | "sm" | "lg" | undefined;
189
189
  isBordered?: boolean | undefined;
190
190
  isDisabled?: boolean | undefined;
191
191
  isInGroup?: boolean | undefined;
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, import_utils.mergeProps)(otherProps, hoverProps, canBeFocused ? focusProps : {})
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, import_utils.mergeProps)(
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
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useAvatar
4
- } from "./chunk-LTC67JRI.mjs";
4
+ } from "./chunk-URUA6GTV.mjs";
5
5
  import "./chunk-JUJ53SJZ.mjs";
6
6
  export {
7
7
  useAvatar
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heroui/avatar",
3
- "version": "2.2.18",
3
+ "version": "2.2.19-beta.0",
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,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.6",
31
- "@heroui/system": ">=2.4.17"
30
+ "@heroui/theme": ">=2.4.18-beta.0",
31
+ "@heroui/system": ">=2.4.19-beta.0"
32
32
  },
33
33
  "dependencies": {
34
34
  "@react-aria/interactions": "3.25.3",
35
35
  "@react-aria/focus": "3.20.5",
36
- "@react-aria/utils": "3.29.1",
37
- "@heroui/shared-utils": "2.1.9",
38
- "@heroui/react-utils": "2.1.11",
39
- "@heroui/use-image": "2.1.10"
36
+ "@heroui/shared-utils": "2.1.10-beta.5",
37
+ "@heroui/react-utils": "2.1.12-beta.3",
38
+ "@heroui/use-image": "2.1.11-beta.3"
40
39
  },
41
40
  "clean-package": "../../../clean-package.config.json",
42
41
  "module": "dist/index.mjs",