@kopexa/avatar 17.0.79 → 17.0.81

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 +11 -11
  2. package/dist/use-avatar.d.ts +11 -11
  3. package/package.json +4 -4
package/dist/use-avatar.d.mts CHANGED
@@ -42,8 +42,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
42
42
  alt: string;
43
43
  slots: {
44
44
  root: (slotProps?: ({
45
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
46
45
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
46
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
47
47
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
48
48
  isBordered?: boolean | undefined;
49
49
  isDisabled?: boolean | undefined;
@@ -51,8 +51,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
51
51
  isInGridGroup?: boolean | undefined;
52
52
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
53
53
  img: (slotProps?: ({
54
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
55
54
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
55
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
56
56
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
57
57
  isBordered?: boolean | undefined;
58
58
  isDisabled?: boolean | undefined;
@@ -60,8 +60,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
60
60
  isInGridGroup?: boolean | undefined;
61
61
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
62
62
  fallback: (slotProps?: ({
63
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
64
63
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
64
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
65
65
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
66
66
  isBordered?: boolean | undefined;
67
67
  isDisabled?: boolean | undefined;
@@ -69,8 +69,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
69
69
  isInGridGroup?: boolean | undefined;
70
70
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
71
71
  name: (slotProps?: ({
72
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
73
72
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
73
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
74
74
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
75
75
  isBordered?: boolean | undefined;
76
76
  isDisabled?: boolean | undefined;
@@ -78,8 +78,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
78
78
  isInGridGroup?: boolean | undefined;
79
79
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
80
80
  icon: (slotProps?: ({
81
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
82
81
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
82
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
83
83
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
84
84
  isBordered?: boolean | undefined;
85
85
  isDisabled?: boolean | undefined;
@@ -88,8 +88,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
88
88
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
89
89
  } & {
90
90
  root: (slotProps?: ({
91
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
92
91
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
92
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
93
93
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
94
94
  isBordered?: boolean | undefined;
95
95
  isDisabled?: boolean | undefined;
@@ -97,8 +97,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
97
97
  isInGridGroup?: boolean | undefined;
98
98
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
99
99
  img: (slotProps?: ({
100
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
101
100
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
101
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
102
102
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
103
103
  isBordered?: boolean | undefined;
104
104
  isDisabled?: boolean | undefined;
@@ -106,8 +106,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
106
106
  isInGridGroup?: boolean | undefined;
107
107
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
108
108
  fallback: (slotProps?: ({
109
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
110
109
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
110
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
111
111
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
112
112
  isBordered?: boolean | undefined;
113
113
  isDisabled?: boolean | undefined;
@@ -115,8 +115,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
115
115
  isInGridGroup?: boolean | undefined;
116
116
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
117
117
  name: (slotProps?: ({
118
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
119
118
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
119
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
120
120
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
121
121
  isBordered?: boolean | undefined;
122
122
  isDisabled?: boolean | undefined;
@@ -124,8 +124,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
124
124
  isInGridGroup?: boolean | undefined;
125
125
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
126
126
  icon: (slotProps?: ({
127
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
128
127
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
128
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
129
129
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
130
130
  isBordered?: boolean | undefined;
131
131
  isDisabled?: boolean | undefined;
@@ -133,7 +133,7 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
133
133
  isInGridGroup?: boolean | undefined;
134
134
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
135
135
  } & {};
136
- classNames: SlotsToClasses<"name" | "fallback" | "img" | "root" | "icon"> | undefined;
136
+ classNames: SlotsToClasses<"img" | "name" | "root" | "fallback" | "icon"> | undefined;
137
137
  name: string | undefined;
138
138
  fallback: react.ReactNode;
139
139
  getAvatarProps: PropGetter;
package/dist/use-avatar.d.ts CHANGED
@@ -42,8 +42,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
42
42
  alt: string;
43
43
  slots: {
44
44
  root: (slotProps?: ({
45
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
46
45
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
46
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
47
47
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
48
48
  isBordered?: boolean | undefined;
49
49
  isDisabled?: boolean | undefined;
@@ -51,8 +51,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
51
51
  isInGridGroup?: boolean | undefined;
52
52
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
53
53
  img: (slotProps?: ({
54
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
55
54
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
55
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
56
56
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
57
57
  isBordered?: boolean | undefined;
58
58
  isDisabled?: boolean | undefined;
@@ -60,8 +60,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
60
60
  isInGridGroup?: boolean | undefined;
61
61
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
62
62
  fallback: (slotProps?: ({
63
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
64
63
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
64
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
65
65
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
66
66
  isBordered?: boolean | undefined;
67
67
  isDisabled?: boolean | undefined;
@@ -69,8 +69,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
69
69
  isInGridGroup?: boolean | undefined;
70
70
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
71
71
  name: (slotProps?: ({
72
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
73
72
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
73
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
74
74
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
75
75
  isBordered?: boolean | undefined;
76
76
  isDisabled?: boolean | undefined;
@@ -78,8 +78,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
78
78
  isInGridGroup?: boolean | undefined;
79
79
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
80
80
  icon: (slotProps?: ({
81
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
82
81
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
82
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
83
83
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
84
84
  isBordered?: boolean | undefined;
85
85
  isDisabled?: boolean | undefined;
@@ -88,8 +88,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
88
88
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
89
89
  } & {
90
90
  root: (slotProps?: ({
91
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
92
91
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
92
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
93
93
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
94
94
  isBordered?: boolean | undefined;
95
95
  isDisabled?: boolean | undefined;
@@ -97,8 +97,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
97
97
  isInGridGroup?: boolean | undefined;
98
98
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
99
99
  img: (slotProps?: ({
100
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
101
100
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
101
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
102
102
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
103
103
  isBordered?: boolean | undefined;
104
104
  isDisabled?: boolean | undefined;
@@ -106,8 +106,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
106
106
  isInGridGroup?: boolean | undefined;
107
107
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
108
108
  fallback: (slotProps?: ({
109
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
110
109
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
110
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
111
111
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
112
112
  isBordered?: boolean | undefined;
113
113
  isDisabled?: boolean | undefined;
@@ -115,8 +115,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
115
115
  isInGridGroup?: boolean | undefined;
116
116
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
117
117
  name: (slotProps?: ({
118
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
119
118
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
119
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
120
120
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
121
121
  isBordered?: boolean | undefined;
122
122
  isDisabled?: boolean | undefined;
@@ -124,8 +124,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
124
124
  isInGridGroup?: boolean | undefined;
125
125
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
126
126
  icon: (slotProps?: ({
127
- color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
128
127
  size?: "sm" | "md" | "lg" | "2xs" | "xs" | undefined;
128
+ color?: "default" | "primary" | "secondary" | "success" | "warning" | "destructive" | undefined;
129
129
  radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
130
130
  isBordered?: boolean | undefined;
131
131
  isDisabled?: boolean | undefined;
@@ -133,7 +133,7 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
133
133
  isInGridGroup?: boolean | undefined;
134
134
  } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
135
135
  } & {};
136
- classNames: SlotsToClasses<"name" | "fallback" | "img" | "root" | "icon"> | undefined;
136
+ classNames: SlotsToClasses<"img" | "name" | "root" | "fallback" | "icon"> | undefined;
137
137
  name: string | undefined;
138
138
  fallback: react.ReactNode;
139
139
  getAvatarProps: PropGetter;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/avatar",
3
- "version": "17.0.79",
3
+ "version": "17.0.81",
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"
@@ -28,12 +28,12 @@
28
28
  "motion": ">=12.23.6",
29
29
  "react": ">=19.0.0-rc.0",
30
30
  "react-dom": ">=19.0.0-rc.0",
31
- "@kopexa/theme": "17.29.0"
31
+ "@kopexa/theme": "17.30.0"
32
32
  },
33
33
  "dependencies": {
34
34
  "@radix-ui/react-avatar": "^1.1.11",
35
- "@kopexa/shared-utils": "17.0.79",
36
- "@kopexa/react-utils": "17.1.21"
35
+ "@kopexa/react-utils": "17.1.23",
36
+ "@kopexa/shared-utils": "17.0.81"
37
37
  },
38
38
  "clean-package": "../../../clean-package.config.json",
39
39
  "module": "dist/index.mjs",