@fluentui/react-avatar 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 → 9.74.3-experimental.esm.20260709-49ee7a20cf.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 (197) hide show
  1. package/CHANGELOG.md +152 -14
  2. package/dist/index.d.cts +473 -0
  3. package/dist/index.d.ts +56 -6
  4. package/lib/Avatar.js +1 -1
  5. package/lib/Avatar.js.map +1 -1
  6. package/lib/AvatarGroup.js +1 -1
  7. package/lib/AvatarGroup.js.map +1 -1
  8. package/lib/AvatarGroupItem.js +1 -1
  9. package/lib/AvatarGroupItem.js.map +1 -1
  10. package/lib/AvatarGroupPopover.js +1 -1
  11. package/lib/AvatarGroupPopover.js.map +1 -1
  12. package/lib/components/Avatar/Avatar.js +5 -5
  13. package/lib/components/Avatar/Avatar.js.map +1 -1
  14. package/lib/components/Avatar/Avatar.types.js +1 -3
  15. package/lib/components/Avatar/Avatar.types.js.map +1 -1
  16. package/lib/components/Avatar/index.js +4 -4
  17. package/lib/components/Avatar/index.js.map +1 -1
  18. package/lib/components/Avatar/renderAvatar.js +1 -1
  19. package/lib/components/Avatar/renderAvatar.js.map +1 -1
  20. package/lib/components/Avatar/useAvatar.js +116 -67
  21. package/lib/components/Avatar/useAvatar.js.map +1 -1
  22. package/lib/components/Avatar/useAvatarStyles.styles.js +7 -4
  23. package/lib/components/Avatar/useAvatarStyles.styles.js.map +1 -1
  24. package/lib/components/Avatar/useAvatarStyles.styles.raw.js +7 -3
  25. package/lib/components/Avatar/useAvatarStyles.styles.raw.js.map +1 -1
  26. package/lib/components/AvatarGroup/AvatarGroup.js +6 -6
  27. package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
  28. package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
  29. package/lib/components/AvatarGroup/index.js +5 -5
  30. package/lib/components/AvatarGroup/index.js.map +1 -1
  31. package/lib/components/AvatarGroup/renderAvatarGroup.js +2 -2
  32. package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
  33. package/lib/components/AvatarGroup/useAvatarGroup.js +18 -11
  34. package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
  35. package/lib/components/AvatarGroup/useAvatarGroupContextValues.js +7 -2
  36. package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
  37. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js +4 -5
  38. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
  39. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js +4 -4
  40. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +1 -1
  41. package/lib/components/AvatarGroupItem/AvatarGroupItem.js +5 -5
  42. package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
  43. package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js +1 -3
  44. package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
  45. package/lib/components/AvatarGroupItem/index.js +4 -4
  46. package/lib/components/AvatarGroupItem/index.js.map +1 -1
  47. package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js +1 -1
  48. package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
  49. package/lib/components/AvatarGroupItem/useAvatarGroupItem.js +40 -15
  50. package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
  51. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js +7 -6
  52. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
  53. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js +7 -5
  54. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +1 -1
  55. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js +5 -6
  56. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
  57. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js +1 -1
  58. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
  59. package/lib/components/AvatarGroupPopover/index.js +5 -5
  60. package/lib/components/AvatarGroupPopover/index.js.map +1 -1
  61. package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js +3 -3
  62. package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
  63. package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js +58 -18
  64. package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
  65. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js +6 -4
  66. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
  67. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js +8 -7
  68. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
  69. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js +8 -6
  70. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +1 -1
  71. package/lib/contexts/AvatarContext.js +1 -1
  72. package/lib/contexts/AvatarGroupContext.js +1 -1
  73. package/lib/contexts/AvatarGroupContext.js.map +1 -1
  74. package/lib/contexts/index.js +2 -2
  75. package/lib/contexts/index.js.map +1 -1
  76. package/lib/index.js +6 -6
  77. package/lib/index.js.map +1 -1
  78. package/lib/utils/getInitials.js +32 -12
  79. package/lib/utils/getInitials.js.map +1 -1
  80. package/lib/utils/index.js +2 -2
  81. package/lib/utils/index.js.map +1 -1
  82. package/lib-commonjs/{Avatar.js → Avatar.cjs} +4 -1
  83. package/lib-commonjs/Avatar.cjs.map +1 -0
  84. package/lib-commonjs/{AvatarGroup.js → AvatarGroup.cjs} +4 -1
  85. package/lib-commonjs/AvatarGroup.cjs.map +1 -0
  86. package/lib-commonjs/{AvatarGroupItem.js → AvatarGroupItem.cjs} +4 -1
  87. package/lib-commonjs/AvatarGroupItem.cjs.map +1 -0
  88. package/lib-commonjs/{AvatarGroupPopover.js → AvatarGroupPopover.cjs} +4 -1
  89. package/lib-commonjs/AvatarGroupPopover.cjs.map +1 -0
  90. package/lib-commonjs/components/Avatar/{Avatar.js → Avatar.cjs} +3 -3
  91. package/lib-commonjs/components/Avatar/{Avatar.js.map → Avatar.cjs.map} +1 -1
  92. package/lib-commonjs/components/Avatar/Avatar.types.cjs.map +1 -0
  93. package/lib-commonjs/components/Avatar/{index.js → index.cjs} +7 -4
  94. package/lib-commonjs/components/Avatar/index.cjs.map +1 -0
  95. package/lib-commonjs/components/Avatar/renderAvatar.cjs.map +1 -0
  96. package/lib-commonjs/components/Avatar/{useAvatar.js → useAvatar.cjs} +112 -62
  97. package/lib-commonjs/components/Avatar/useAvatar.cjs.map +1 -0
  98. package/lib-commonjs/components/Avatar/{useAvatarStyles.styles.js → useAvatarStyles.styles.cjs} +5 -1
  99. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.cjs.map +1 -0
  100. package/lib-commonjs/components/Avatar/{useAvatarStyles.styles.raw.js → useAvatarStyles.styles.raw.cjs} +5 -1
  101. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.cjs.map +1 -0
  102. package/lib-commonjs/components/AvatarGroup/{AvatarGroup.js → AvatarGroup.cjs} +4 -4
  103. package/lib-commonjs/components/AvatarGroup/{AvatarGroup.js.map → AvatarGroup.cjs.map} +1 -1
  104. package/lib-commonjs/components/{Avatar/Avatar.types.js → AvatarGroup/AvatarGroup.types.cjs} +1 -3
  105. package/lib-commonjs/components/AvatarGroup/{AvatarGroup.types.js.map → AvatarGroup.types.cjs.map} +1 -1
  106. package/lib-commonjs/components/AvatarGroup/{index.js → index.cjs} +8 -5
  107. package/lib-commonjs/components/AvatarGroup/index.cjs.map +1 -0
  108. package/lib-commonjs/components/AvatarGroup/{renderAvatarGroup.js → renderAvatarGroup.cjs} +1 -1
  109. package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.cjs.map +1 -0
  110. package/lib-commonjs/components/AvatarGroup/{useAvatarGroup.js → useAvatarGroup.cjs} +15 -11
  111. package/lib-commonjs/components/AvatarGroup/useAvatarGroup.cjs.map +1 -0
  112. package/lib-commonjs/components/AvatarGroup/{useAvatarGroupContextValues.js → useAvatarGroupContextValues.cjs} +8 -2
  113. package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.cjs.map +1 -0
  114. package/lib-commonjs/components/AvatarGroup/{useAvatarGroupStyles.styles.js → useAvatarGroupStyles.styles.cjs} +2 -2
  115. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.cjs.map +1 -0
  116. package/lib-commonjs/components/AvatarGroup/{useAvatarGroupStyles.styles.raw.js → useAvatarGroupStyles.styles.raw.cjs} +2 -2
  117. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.cjs.map +1 -0
  118. package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.js → AvatarGroupItem.cjs} +3 -3
  119. package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.js.map → AvatarGroupItem.cjs.map} +1 -1
  120. package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.types.js → AvatarGroupItem.types.cjs} +1 -3
  121. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.cjs.map +1 -0
  122. package/lib-commonjs/components/AvatarGroupItem/{index.js → index.cjs} +7 -4
  123. package/lib-commonjs/components/AvatarGroupItem/index.cjs.map +1 -0
  124. package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.cjs.map +1 -0
  125. package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItem.js → useAvatarGroupItem.cjs} +40 -17
  126. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.cjs.map +1 -0
  127. package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItemStyles.styles.js → useAvatarGroupItemStyles.styles.cjs} +4 -2
  128. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.cjs.map +1 -0
  129. package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItemStyles.styles.raw.js → useAvatarGroupItemStyles.styles.raw.cjs} +4 -2
  130. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.cjs.map +1 -0
  131. package/lib-commonjs/components/AvatarGroupPopover/{AvatarGroupPopover.js → AvatarGroupPopover.cjs} +4 -6
  132. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.cjs.map +1 -0
  133. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.cjs +4 -0
  134. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.cjs.map +1 -0
  135. package/lib-commonjs/components/AvatarGroupPopover/{index.js → index.cjs} +8 -5
  136. package/lib-commonjs/components/AvatarGroupPopover/index.cjs.map +1 -0
  137. package/lib-commonjs/components/AvatarGroupPopover/{renderAvatarGroupPopover.js → renderAvatarGroupPopover.cjs} +1 -1
  138. package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.cjs.map +1 -0
  139. package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopover.js → useAvatarGroupPopover.cjs} +58 -16
  140. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.cjs.map +1 -0
  141. package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverContextValues.js → useAvatarGroupPopoverContextValues.cjs} +7 -4
  142. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.cjs.map +1 -0
  143. package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverStyles.styles.js → useAvatarGroupPopoverStyles.styles.cjs} +5 -3
  144. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.cjs.map +1 -0
  145. package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverStyles.styles.raw.js → useAvatarGroupPopoverStyles.styles.raw.cjs} +5 -3
  146. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.cjs.map +1 -0
  147. package/lib-commonjs/contexts/{AvatarGroupContext.js.map → AvatarGroupContext.cjs.map} +1 -1
  148. package/lib-commonjs/contexts/{index.js → index.cjs} +2 -2
  149. package/lib-commonjs/contexts/{index.js.map → index.cjs.map} +1 -1
  150. package/lib-commonjs/{index.js → index.cjs} +18 -6
  151. package/lib-commonjs/index.cjs.map +1 -0
  152. package/lib-commonjs/utils/{getInitials.js → getInitials.cjs} +32 -12
  153. package/lib-commonjs/utils/getInitials.cjs.map +1 -0
  154. package/lib-commonjs/utils/{index.js → index.cjs} +2 -2
  155. package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
  156. package/package.json +22 -16
  157. package/lib-commonjs/Avatar.js.map +0 -1
  158. package/lib-commonjs/AvatarGroup.js.map +0 -1
  159. package/lib-commonjs/AvatarGroupItem.js.map +0 -1
  160. package/lib-commonjs/AvatarGroupPopover.js.map +0 -1
  161. package/lib-commonjs/components/Avatar/Avatar.types.js.map +0 -1
  162. package/lib-commonjs/components/Avatar/index.js.map +0 -1
  163. package/lib-commonjs/components/Avatar/renderAvatar.js.map +0 -1
  164. package/lib-commonjs/components/Avatar/useAvatar.js.map +0 -1
  165. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +0 -1
  166. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.js.map +0 -1
  167. package/lib-commonjs/components/AvatarGroup/index.js.map +0 -1
  168. package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +0 -1
  169. package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +0 -1
  170. package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +0 -1
  171. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +0 -1
  172. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +0 -1
  173. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +0 -1
  174. package/lib-commonjs/components/AvatarGroupItem/index.js.map +0 -1
  175. package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +0 -1
  176. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +0 -1
  177. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +0 -1
  178. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +0 -1
  179. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +0 -1
  180. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js +0 -6
  181. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +0 -1
  182. package/lib-commonjs/components/AvatarGroupPopover/index.js.map +0 -1
  183. package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +0 -1
  184. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +0 -1
  185. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +0 -1
  186. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +0 -1
  187. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +0 -1
  188. package/lib-commonjs/index.js.map +0 -1
  189. package/lib-commonjs/utils/getInitials.js.map +0 -1
  190. /package/lib-commonjs/components/{AvatarGroup/AvatarGroup.types.js → Avatar/Avatar.types.cjs} +0 -0
  191. /package/lib-commonjs/components/Avatar/{renderAvatar.js → renderAvatar.cjs} +0 -0
  192. /package/lib-commonjs/components/AvatarGroupItem/{renderAvatarGroupItem.js → renderAvatarGroupItem.cjs} +0 -0
  193. /package/lib-commonjs/contexts/{AvatarContext.js → AvatarContext.cjs} +0 -0
  194. /package/lib-commonjs/contexts/{AvatarContext.js.map → AvatarContext.cjs.map} +0 -0
  195. /package/lib-commonjs/contexts/{AvatarGroupContext.js → AvatarGroupContext.cjs} +0 -0
  196. /package/lib-commonjs/utils/{partitionAvatarGroupItems.js → partitionAvatarGroupItems.cjs} +0 -0
  197. /package/lib-commonjs/utils/{partitionAvatarGroupItems.js.map → partitionAvatarGroupItems.cjs.map} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,26 +1,164 @@
1
1
  # Change Log - @fluentui/react-avatar
2
2
 
3
- This log was last generated on Thu, 22 Jan 2026 16:12:55 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 09 Jul 2026 17:34:00 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [9.72.9-experimental.component-base-hooks.20260122-49fc330360.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0)
7
+ ## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
8
8
 
9
- Thu, 22 Jan 2026 16:12:55 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.9.13..@fluentui/react-avatar_v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0)
9
+ Thu, 09 Jul 2026 17:34:00 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.3..@fluentui/react-avatar_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release 9.72.9-experimental.component-base-hooks.20260122-49fc330360 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-badge to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
16
- - Bump @fluentui/react-context-selector to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
17
- - Bump @fluentui/react-popover to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
18
- - Bump @fluentui/react-shared-contexts to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
19
- - Bump @fluentui/react-tabster to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
20
- - Bump @fluentui/react-theme to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
21
- - Bump @fluentui/react-tooltip to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
22
- - Bump @fluentui/react-utilities to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
23
- - Bump @fluentui/react-jsx-runtime to v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 ([commit](https://github.com/microsoft/fluentui/commit/373001c3e19d022ef1fcf745ea96375cf4f3aff1) by beachball)
14
+ - Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
+ - Bump @fluentui/react-badge to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
16
+ - Bump @fluentui/react-context-selector to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
17
+ - Bump @fluentui/react-popover to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
20
+ - Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
21
+ - Bump @fluentui/react-tooltip to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
22
+ - Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
23
+ - Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
24
+
25
+ ## [9.11.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.3)
26
+
27
+ Wed, 24 Jun 2026 11:10:06 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.2..@fluentui/react-avatar_v9.11.3)
29
+
30
+ ### Patches
31
+
32
+ - fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
33
+ - Bump @fluentui/react-badge to v9.5.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
34
+ - Bump @fluentui/react-context-selector to v9.2.18 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
35
+ - Bump @fluentui/react-popover to v9.14.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
36
+ - Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
37
+ - Bump @fluentui/react-tooltip to v9.10.3 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
38
+ - Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
39
+ - Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
40
+
41
+ ## [9.11.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.2)
42
+
43
+ Tue, 26 May 2026 09:39:43 GMT
44
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.1..@fluentui/react-avatar_v9.11.2)
45
+
46
+ ### Patches
47
+
48
+ - Bump @fluentui/react-badge to v9.5.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
49
+ - Bump @fluentui/react-context-selector to v9.2.17 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
50
+ - Bump @fluentui/react-popover to v9.14.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
51
+ - Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
52
+ - Bump @fluentui/react-tooltip to v9.10.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
53
+ - Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
54
+ - Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
55
+
56
+ ## [9.11.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.1)
57
+
58
+ Thu, 23 Apr 2026 14:21:04 GMT
59
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.0..@fluentui/react-avatar_v9.11.1)
60
+
61
+ ### Patches
62
+
63
+ - perf: memoize context values in use*ContextValues hooks ([PR #36008](https://github.com/microsoft/fluentui/pull/36008) by olfedias@microsoft.com)
64
+ - fix: prevent spreading of custom props on html element ([PR #36017](https://github.com/microsoft/fluentui/pull/36017) by dmytrokirpa@microsoft.com)
65
+ - fix: drop unnecessary dependencies from base hooks ([PR #35972](https://github.com/microsoft/fluentui/pull/35972) by dmytrokirpa@microsoft.com)
66
+ - Bump @fluentui/react-badge to v9.5.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
67
+ - Bump @fluentui/react-context-selector to v9.2.16 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
68
+ - Bump @fluentui/react-popover to v9.14.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
69
+ - Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
70
+ - Bump @fluentui/react-tooltip to v9.10.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
71
+ - Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
72
+ - Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
73
+
74
+ ## [9.11.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.0)
75
+
76
+ Wed, 01 Apr 2026 15:52:39 GMT
77
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.4..@fluentui/react-avatar_v9.11.0)
78
+
79
+ ### Minor changes
80
+
81
+ - feat: expose base hooks for Avatar ([PR #35899](https://github.com/microsoft/fluentui/pull/35899) by dmytrokirpa@microsoft.com)
82
+ - Bump @fluentui/react-tooltip to v9.10.0 ([PR #35912](https://github.com/microsoft/fluentui/pull/35912) by beachball)
83
+
84
+ ### Patches
85
+
86
+ - fix: support initials calculation for GB18030-2022 extension characters ([PR #35878](https://github.com/microsoft/fluentui/pull/35878) by dmytrokirpa@microsoft.com)
87
+
88
+ ## [9.10.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.4)
89
+
90
+ Mon, 30 Mar 2026 14:37:41 GMT
91
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.3..@fluentui/react-avatar_v9.10.4)
92
+
93
+ ### Patches
94
+
95
+ - Bump @fluentui/react-badge to v9.5.1 ([PR #35907](https://github.com/microsoft/fluentui/pull/35907) by beachball)
96
+ - Bump @fluentui/react-popover to v9.14.1 ([PR #35907](https://github.com/microsoft/fluentui/pull/35907) by beachball)
97
+
98
+ ## [9.10.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.3)
99
+
100
+ Thu, 26 Mar 2026 08:12:54 GMT
101
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.2..@fluentui/react-avatar_v9.10.3)
102
+
103
+ ### Patches
104
+
105
+ - Bump @fluentui/react-badge to v9.5.0 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
106
+
107
+ ## [9.10.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.2)
108
+
109
+ Tue, 03 Mar 2026 09:43:43 GMT
110
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.1..@fluentui/react-avatar_v9.10.2)
111
+
112
+ ### Patches
113
+
114
+ - Bump @fluentui/react-popover to v9.14.0 ([commit](https://github.com/microsoft/fluentui/commit/81e1556b008bfbd07fe427d89af6142459d74c6f) by beachball)
115
+ - Bump @fluentui/react-tooltip to v9.9.3 ([commit](https://github.com/microsoft/fluentui/commit/81e1556b008bfbd07fe427d89af6142459d74c6f) by beachball)
116
+
117
+ ## [9.10.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.1)
118
+
119
+ Wed, 25 Feb 2026 13:32:28 GMT
120
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.0..@fluentui/react-avatar_v9.10.1)
121
+
122
+ ### Patches
123
+
124
+ - Bump @fluentui/react-badge to v9.4.15 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
125
+ - Bump @fluentui/react-context-selector to v9.2.15 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
126
+ - Bump @fluentui/react-popover to v9.13.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
127
+ - Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
128
+ - Bump @fluentui/react-tabster to v9.26.13 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
129
+ - Bump @fluentui/react-tooltip to v9.9.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
130
+ - Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
131
+ - Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
132
+
133
+ ## [9.10.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.0)
134
+
135
+ Thu, 12 Feb 2026 10:46:12 GMT
136
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.9.14..@fluentui/react-avatar_v9.10.0)
137
+
138
+ ### Minor changes
139
+
140
+ - feat: add base hooks for Avatar component ([PR #35696](https://github.com/microsoft/fluentui/pull/35696) by dmytrokirpa@microsoft.com)
141
+ - Bump @fluentui/react-badge to v9.4.14 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
142
+ - Bump @fluentui/react-popover to v9.13.1 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
143
+ - Bump @fluentui/react-tooltip to v9.9.1 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
144
+ - Bump @fluentui/react-jsx-runtime to v9.4.0 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
145
+
146
+ ## [9.9.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.9.14)
147
+
148
+ Thu, 22 Jan 2026 17:07:02 GMT
149
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.9.13..@fluentui/react-avatar_v9.9.14)
150
+
151
+ ### Patches
152
+
153
+ - Bump @fluentui/react-badge to v9.4.13 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
154
+ - Bump @fluentui/react-context-selector to v9.2.14 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
155
+ - Bump @fluentui/react-popover to v9.13.0 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
156
+ - Bump @fluentui/react-shared-contexts to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
157
+ - Bump @fluentui/react-tabster to v9.26.12 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
158
+ - Bump @fluentui/react-theme to v9.2.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
159
+ - Bump @fluentui/react-tooltip to v9.9.0 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
160
+ - Bump @fluentui/react-utilities to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
161
+ - Bump @fluentui/react-jsx-runtime to v9.3.5 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
24
162
 
25
163
  ## [9.9.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.9.13)
26
164
 
@@ -0,0 +1,473 @@
1
+ import type { ComponentProps } from '@fluentui/react-utilities';
2
+ import type { ComponentState } from '@fluentui/react-utilities';
3
+ import type { ContextSelector } from '@fluentui/react-context-selector';
4
+ import { FC } from 'react';
5
+ import type { ForwardRefComponent } from '@fluentui/react-utilities';
6
+ import type { JSXElement } from '@fluentui/react-utilities';
7
+ import type { PopoverProps } from '@fluentui/react-popover';
8
+ import type { PopoverSurface } from '@fluentui/react-popover';
9
+ import type { PresenceBadge } from '@fluentui/react-badge';
10
+ import { Provider } from 'react';
11
+ import { ProviderProps } from 'react';
12
+ import * as React_2 from 'react';
13
+ import type { Slot } from '@fluentui/react-utilities';
14
+ import type { SlotClassNames } from '@fluentui/react-utilities';
15
+ import type { TooltipProps } from '@fluentui/react-tooltip';
16
+
17
+ export declare const Avatar: ForwardRefComponent<AvatarProps>;
18
+
19
+ export declare type AvatarBaseProps = ComponentProps<Omit<AvatarSlots, 'badge'>> & Pick<AvatarProps, 'name'>;
20
+
21
+ export declare type AvatarBaseState = ComponentState<Omit<AvatarSlots, 'badge'>> & Pick<AvatarState, 'activeAriaLabelElement'>;
22
+
23
+ export declare const avatarClassNames: SlotClassNames<AvatarSlots>;
24
+
25
+ /**
26
+ * @internal
27
+ */
28
+ export declare const AvatarContextProvider: React_2.Provider<AvatarContextValue | undefined>;
29
+
30
+ /**
31
+ * @internal
32
+ */
33
+ export declare interface AvatarContextValue {
34
+ shape?: AvatarShape;
35
+ size?: AvatarSize;
36
+ }
37
+
38
+ /**
39
+ * The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement
40
+ * of individual Avatars in a spread, stack, or pie layout.
41
+ */
42
+ export declare const AvatarGroup: ForwardRefComponent<AvatarGroupProps>;
43
+
44
+ export declare type AvatarGroupBaseProps = Omit<AvatarGroupProps, 'size'>;
45
+
46
+ export declare type AvatarGroupBaseState = Omit<AvatarGroupState, 'size'>;
47
+
48
+ export declare const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots>;
49
+
50
+ export declare type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' | 'layout'> & {
51
+ isOverflow?: boolean;
52
+ };
53
+
54
+ export declare type AvatarGroupContextValues = {
55
+ avatarGroup: AvatarGroupContextValue;
56
+ };
57
+
58
+ /**
59
+ * The AvatarGroupItem component represents a single person or entity.
60
+ * AvatarGroupItem should only be used in an AvatarGroup component.
61
+ */
62
+ export declare const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps>;
63
+
64
+ export declare type AvatarGroupItemBaseProps = AvatarGroupItemProps;
65
+
66
+ export declare type AvatarGroupItemBaseState = Omit<AvatarGroupItemState, 'size'>;
67
+
68
+ export declare const avatarGroupItemClassNames: SlotClassNames<AvatarGroupItemSlots>;
69
+
70
+ /**
71
+ * AvatarGroupItem Props
72
+ */
73
+ export declare type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' | 'shape'>;
74
+
75
+ export declare type AvatarGroupItemSlots = {
76
+ root: NonNullable<Slot<'div', 'li'>>;
77
+ /**
78
+ * Avatar that represents a person or entity.
79
+ */
80
+ avatar: NonNullable<Slot<typeof Avatar>>;
81
+ /**
82
+ * Label used for the name of the AvatarGroupItem when rendered as an overflow item.
83
+ * The content of the label, by default, is the `name` prop from the `avatar` slot.
84
+ */
85
+ overflowLabel: NonNullable<Slot<'span'>>;
86
+ };
87
+
88
+ /**
89
+ * State used in rendering AvatarGroupItem
90
+ */
91
+ export declare type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {
92
+ /**
93
+ * Whether the Avatar is an overflow item.
94
+ *
95
+ * @default false
96
+ */
97
+ isOverflowItem?: boolean;
98
+ layout: AvatarGroupProps['layout'];
99
+ size: AvatarSize;
100
+ };
101
+
102
+ /**
103
+ * The AvatarGroupPopover component provides a button with a Popover containing the children provided.
104
+ */
105
+ export declare const AvatarGroupPopover: React_2.FC<AvatarGroupPopoverProps>;
106
+
107
+ export declare type AvatarGroupPopoverBaseProps = AvatarGroupPopoverProps;
108
+
109
+ export declare type AvatarGroupPopoverBaseState = Omit<AvatarGroupPopoverState, 'size'>;
110
+
111
+ export declare const avatarGroupPopoverClassNames: SlotClassNames<AvatarGroupPopoverSlots>;
112
+
113
+ /**
114
+ * AvatarGroupPopover Props
115
+ */
116
+ export declare type AvatarGroupPopoverProps = Omit<ComponentProps<Partial<AvatarGroupPopoverSlots>>, 'children'> & {
117
+ /**
118
+ * Whether the triggerButton should render an icon instead of the number of overflowed AvatarGroupItems.
119
+ * Note: The indicator will default to `icon` when the size is less than 24.
120
+ * @default count
121
+ */
122
+ indicator?: 'count' | 'icon';
123
+ /**
124
+ * Number of AvatarGroupItems that will be rendered.
125
+ *
126
+ * Note: AvatarGroupPopover handles counting the number of children, but when using a react fragment to wrap the
127
+ * children, this is not possible and therefore it has do be added manually.
128
+ */
129
+ count?: number;
130
+ children: React_2.ReactNode;
131
+ };
132
+
133
+ export declare type AvatarGroupPopoverSlots = {
134
+ root: NonNullable<Slot<PopoverProps>>;
135
+ /**
136
+ * Button that triggers the Popover.
137
+ */
138
+ triggerButton: NonNullable<Slot<'button'>>;
139
+ /**
140
+ * List that contains the overflowed AvatarGroupItems.
141
+ */
142
+ content: NonNullable<Slot<'ul'>>;
143
+ /**
144
+ * PopoverSurface that contains the content.
145
+ */
146
+ popoverSurface: NonNullable<Slot<typeof PopoverSurface>>;
147
+ /**
148
+ * Tooltip shown when triggerButton is hovered.
149
+ */
150
+ tooltip: NonNullable<Slot<TooltipProps>>;
151
+ };
152
+
153
+ /**
154
+ * State used in rendering AvatarGroupPopover
155
+ */
156
+ export declare type AvatarGroupPopoverState = ComponentState<AvatarGroupPopoverSlots> & Required<Pick<AvatarGroupPopoverProps, 'count' | 'indicator'>> & {
157
+ popoverOpen: boolean;
158
+ layout: AvatarGroupProps['layout'];
159
+ size: AvatarSize;
160
+ };
161
+
162
+ /**
163
+ * AvatarGroup Props
164
+ */
165
+ export declare type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & {
166
+ /**
167
+ * Layout the AvatarGroupItems should be displayed as.
168
+ * @default spread
169
+ */
170
+ layout?: 'spread' | 'stack' | 'pie';
171
+ /**
172
+ * Size of the AvatarGroupItems.
173
+ * @default 32
174
+ */
175
+ size?: AvatarSize;
176
+ };
177
+
178
+ export declare const AvatarGroupProvider: Provider<AvatarGroupContextValue> & FC<ProviderProps<AvatarGroupContextValue>>;
179
+
180
+ export declare type AvatarGroupSlots = {
181
+ root: NonNullable<Slot<'div'>>;
182
+ };
183
+
184
+ /**
185
+ * State used in rendering AvatarGroup
186
+ */
187
+ export declare type AvatarGroupState = ComponentState<AvatarGroupSlots> & Required<Pick<AvatarGroupProps, 'layout' | 'size'>>;
188
+
189
+ /**
190
+ * A specific named color for the Avatar
191
+ */
192
+ export declare type AvatarNamedColor = 'dark-red' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'dark-green' | 'light-teal' | 'teal' | 'steel' | 'blue' | 'royal-blue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
193
+
194
+ /**
195
+ * Properties for Avatar
196
+ */
197
+ export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {
198
+ /**
199
+ * Optional activity indicator
200
+ * * active: the avatar will be decorated according to activeAppearance
201
+ * * inactive: the avatar will be reduced in size and partially transparent
202
+ * * unset: normal display
203
+ *
204
+ * @default unset
205
+ */
206
+ active?: 'active' | 'inactive' | 'unset';
207
+ /**
208
+ * The appearance when `active="active"`
209
+ *
210
+ * @default ring
211
+ */
212
+ activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';
213
+ /**
214
+ * The color when displaying either an icon or initials.
215
+ * * neutral (default): gray
216
+ * * brand: color from the brand palette
217
+ * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
218
+ * * [AvatarNamedColor]: a specific color from the theme
219
+ *
220
+ * @default neutral
221
+ */
222
+ color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
223
+ /**
224
+ * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
225
+ * Use this when a name is not available, but there is another unique identifier that can be used instead.
226
+ */
227
+ idForColor?: string | undefined;
228
+ /**
229
+ * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
230
+ *
231
+ * The name is used to determine the initials displayed when there is no image. It is also provided to
232
+ * accessibility tools.
233
+ */
234
+ name?: string;
235
+ /**
236
+ * The avatar can have a circular or square shape.
237
+ * @default circular
238
+ */
239
+ shape?: AvatarShape;
240
+ /**
241
+ * Size of the avatar in pixels.
242
+ *
243
+ * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
244
+ * based on design guidelines for the Avatar control.
245
+ *
246
+ * Note: At size 16, if initials are displayed, only the first initial will be rendered.
247
+ *
248
+ * If a non-supported size is needed, set `size` to the next-smaller supported size, and set `width` and `height`
249
+ * to override the rendered size.
250
+ *
251
+ * For example, to set the avatar to 45px in size:
252
+ * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
253
+ *
254
+ * @default 32
255
+ */
256
+ size?: AvatarSize;
257
+ };
258
+
259
+ /**
260
+ * Shape of the avatar
261
+ */
262
+ export declare type AvatarShape = 'circular' | 'square';
263
+
264
+ /**
265
+ * Sizes for the avatar
266
+ */
267
+ export declare type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
268
+
269
+ /**
270
+ * Sizes for the avatar
271
+ * @deprecated use AvatarSize instead
272
+ */
273
+ export declare type AvatarSizes = AvatarSize;
274
+
275
+ export declare type AvatarSlots = {
276
+ root: Slot<'span'>;
277
+ /**
278
+ * The Avatar's image.
279
+ *
280
+ * Usage e.g.: `image={{ src: '...' }}`
281
+ */
282
+ image?: Slot<'img'>;
283
+ /**
284
+ * (optional) Custom initials.
285
+ *
286
+ * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
287
+ * using the `getInitials` function.
288
+ *
289
+ * The initials are displayed when there is no image (including while the image is loading).
290
+ */
291
+ initials?: Slot<'span'>;
292
+ /**
293
+ * Icon to be displayed when the avatar doesn't have an image or initials.
294
+ *
295
+ * @default `PersonRegular` (the default icon's size depends on the Avatar's size)
296
+ */
297
+ icon?: Slot<'span'>;
298
+ /**
299
+ * Badge to show the avatar's presence status.
300
+ */
301
+ badge?: Slot<typeof PresenceBadge>;
302
+ };
303
+
304
+ /**
305
+ * State used in rendering Avatar
306
+ */
307
+ export declare type AvatarState = ComponentState<AvatarSlots> & Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {
308
+ /**
309
+ * The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color
310
+ */
311
+ color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;
312
+ /**
313
+ * Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.
314
+ */
315
+ activeAriaLabelElement?: JSXElement;
316
+ };
317
+
318
+ /**
319
+ * Regular expressions matching characters to ignore when calculating the initials.
320
+ */
321
+ /**
322
+ * Get (up to 2 characters) initials based on display name of the persona.
323
+ *
324
+ * @param displayName - The full name of the person or entity
325
+ * @param isRtl - Whether the display is in RTL
326
+ * @param options - Extra options to control the behavior of getInitials
327
+ *
328
+ * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
329
+ * could be derived from the name.
330
+ *
331
+ * @internal
332
+ */
333
+ export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, options?: {
334
+ /** Should initials be generated from phone numbers (default false) */
335
+ allowPhoneInitials?: boolean;
336
+ /** Returns only the first initial */
337
+ firstInitialOnly?: boolean;
338
+ }): string;
339
+
340
+ export declare type PartitionAvatarGroupItems<T> = {
341
+ inlineItems: readonly T[];
342
+ overflowItems?: readonly T[];
343
+ };
344
+
345
+ /**
346
+ * Get the inline items and overflowing items based on the array of AvatarGroupItems needed for AvatarGroup.
347
+ *
348
+ * @param options - Configure the partition options
349
+ *
350
+ * @returns Two arrays split into inline items and overflow items based on maxInlineItems.
351
+ */
352
+ export declare const partitionAvatarGroupItems: <T>(options: PartitionAvatarGroupItemsOptions<T>) => PartitionAvatarGroupItems<T>;
353
+
354
+ export declare type PartitionAvatarGroupItemsOptions<T> = {
355
+ items: readonly T[];
356
+ layout?: 'spread' | 'stack' | 'pie';
357
+ maxInlineItems?: number;
358
+ };
359
+
360
+ export declare const renderAvatar_unstable: (state: AvatarBaseState) => JSXElement;
361
+
362
+ /**
363
+ * Render the final JSX of AvatarGroup
364
+ */
365
+ export declare const renderAvatarGroup_unstable: (state: AvatarGroupBaseState, contextValues: AvatarGroupContextValues) => JSXElement;
366
+
367
+ /**
368
+ * Render the final JSX of AvatarGroupItem
369
+ */
370
+ export declare const renderAvatarGroupItem_unstable: (state: AvatarGroupItemBaseState) => JSXElement;
371
+
372
+ /**
373
+ * Render the final JSX of AvatarGroupPopover
374
+ */
375
+ export declare const renderAvatarGroupPopover_unstable: (state: AvatarGroupPopoverBaseState, contextValues: AvatarGroupContextValues) => JSXElement;
376
+
377
+ export declare const useAvatar_unstable: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;
378
+
379
+ /**
380
+ * Base hook for Avatar component, manages state and structure common to all variants of Avatar
381
+ */
382
+ export declare const useAvatarBase_unstable: (props: AvatarBaseProps, ref?: React_2.Ref<HTMLElement>) => AvatarBaseState;
383
+
384
+ /**
385
+ * @internal
386
+ */
387
+ export declare const useAvatarContext: () => AvatarContextValue;
388
+
389
+ /**
390
+ * Create the state required to render AvatarGroup.
391
+ *
392
+ * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,
393
+ * before being passed to renderAvatarGroup_unstable.
394
+ *
395
+ * @param props - props from this instance of AvatarGroup
396
+ * @param ref - reference to root HTMLElement of AvatarGroup
397
+ */
398
+ export declare const useAvatarGroup_unstable: (props: AvatarGroupProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupState;
399
+
400
+ /**
401
+ * Create the base state to render AvatarGroup, without design-specific props.
402
+ *
403
+ * @param props - props from this instance of AvatarGroup
404
+ * @param ref - reference to root HTMLDivElement of AvatarGroup
405
+ */
406
+ export declare const useAvatarGroupBase_unstable: (props: AvatarGroupBaseProps, ref: React_2.Ref<HTMLDivElement>) => AvatarGroupBaseState;
407
+
408
+ export declare const useAvatarGroupContext_unstable: <T>(selector: ContextSelector<AvatarGroupContextValue, T>) => T;
409
+
410
+ export declare const useAvatarGroupContextValues: (state: AvatarGroupState) => AvatarGroupContextValues;
411
+
412
+ /**
413
+ * Create the state required to render AvatarGroupItem.
414
+ *
415
+ * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,
416
+ * before being passed to renderAvatarGroupItem_unstable.
417
+ *
418
+ * @param props - props from this instance of AvatarGroupItem
419
+ * @param ref - reference to root HTMLElement of AvatarGroupItem
420
+ */
421
+ export declare const useAvatarGroupItem_unstable: (props: AvatarGroupItemProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupItemState;
422
+
423
+ /**
424
+ * Create the base state required to render AvatarGroupItem, without default slot props or component types.
425
+ *
426
+ * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,
427
+ * before being passed to renderAvatarGroupItem_unstable.
428
+ *
429
+ * @param props - props from this instance of AvatarGroupItem
430
+ * @param ref - reference to root HTMLElement of AvatarGroupItem
431
+ * @returns AvatarGroupItem state without default slot props or component types
432
+ */
433
+ export declare const useAvatarGroupItemBase_unstable: (props: AvatarGroupItemBaseProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupItemBaseState;
434
+
435
+ /**
436
+ * Apply styling to the AvatarGroupItem slots based on the state
437
+ */
438
+ export declare const useAvatarGroupItemStyles_unstable: (state: AvatarGroupItemState) => AvatarGroupItemState;
439
+
440
+ /**
441
+ * Create the state required to render AvatarGroupPopover.
442
+ *
443
+ * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,
444
+ * before being passed to renderAvatarGroupPopover_unstable.
445
+ *
446
+ * @param props - props from this instance of AvatarGroupPopover
447
+ */
448
+ export declare const useAvatarGroupPopover_unstable: (props: AvatarGroupPopoverProps) => AvatarGroupPopoverState;
449
+
450
+ /**
451
+ * Handles popover open/closed state, indicator display, and slot configuration.
452
+ * Use directly for custom implementations or use useAvatarGroupPopover_unstable for defaults.
453
+ *
454
+ * @param props - AvatarGroupPopover props
455
+ * @returns AvatarGroupPopover state
456
+ */
457
+ export declare const useAvatarGroupPopoverBase_unstable: (props: AvatarGroupPopoverBaseProps) => AvatarGroupPopoverBaseState;
458
+
459
+ export declare const useAvatarGroupPopoverContextValues_unstable: (state: AvatarGroupPopoverState) => AvatarGroupContextValues;
460
+
461
+ /**
462
+ * Apply styling to the AvatarGroupPopover slots based on the state
463
+ */
464
+ export declare const useAvatarGroupPopoverStyles_unstable: (state: AvatarGroupPopoverState) => AvatarGroupPopoverState;
465
+
466
+ /**
467
+ * Apply styling to the AvatarGroup slots based on the state
468
+ */
469
+ export declare const useAvatarGroupStyles_unstable: (state: AvatarGroupState) => AvatarGroupState;
470
+
471
+ export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;
472
+
473
+ export { }