@fluentui-react-native/experimental-avatar 0.21.18 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Change Log - @fluentui-react-native/experimental-avatar
 
+## 0.22.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/framework@0.15.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:42 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/lib/AvatarNative.types.d.ts

@@ -0,0 +1,11 @@
+import type { ColorValue, ViewProps } from 'react-native';
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ImageSource } from './codegenTypes';
+export interface NativeProps extends ViewProps {
+  primaryText?: string;
+  secondaryText?: string;
+  imageSource?: ImageSource;
+  backgroundColor?: ColorValue;
+  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}
+//# sourceMappingURL=AvatarNative.types.d.ts.map

package/lib/AvatarNative.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNative.types.d.ts","sourceRoot":"","sources":["../src/AvatarNative.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G"}

package/lib/AvatarNative.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AvatarNative.types.js.map

package/lib/AvatarNative.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNative.types.js","sourceRoot":"","sources":["../src/AvatarNative.types.ts"],"names":[],"mappings":""}

package/lib/AvatarNativeComponent.d.ts

@@ -1,18 +1,5 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-import type { ColorValue, HostComponent, ViewProps } from 'react-native';
-import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-import type { ImageSource } from './codegenTypes';
-export interface NativeProps extends ViewProps {
-    primaryText?: string;
-    secondaryText?: string;
-    imageSource?: ImageSource;
-    backgroundColor?: ColorValue;
-    size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
-}
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=AvatarNativeComponent.d.ts.map
+//# sourceMappingURL=AvatarNativeComponent.d.ts.map

package/lib/AvatarNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
+{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}

package/lib/AvatarNativeComponent.ios.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=AvatarNativeComponent.ios.d.ts.map

package/lib/AvatarNativeComponent.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.ios.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ios.ts"],"names":[],"mappings":""}

package/lib/AvatarNativeComponent.ios.js

@@ -0,0 +1,2 @@
+'use strict';
+//# sourceMappingURL=AvatarNativeComponent.ios.js.map

package/lib/AvatarNativeComponent.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.ios.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ios.ts"],"names":[],"mappings":""}

package/lib/AvatarNativeComponent.js

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-export default codegenNativeComponent('FRNAvatarView');
-//# sourceMappingURL=AvatarNativeComponent.js.map
+import { requireNativeComponent } from 'react-native';
+export default requireNativeComponent('FRNAvatarView');
+//# sourceMappingURL=AvatarNativeComponent.js.map

package/lib/AvatarNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAY7F,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}
+{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}

package/lib/AvatarNativeComponent.macos.d.ts

@@ -0,0 +1,5 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=AvatarNativeComponent.macos.d.ts.map

package/lib/AvatarNativeComponent.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.macos.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}

package/lib/AvatarNativeComponent.macos.js

@@ -0,0 +1,3 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('FRNAvatarView');
+//# sourceMappingURL=AvatarNativeComponent.macos.js.map

package/lib/AvatarNativeComponent.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.macos.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.macos.ts"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAE7F,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}

package/lib/NativeAvatar.d.ts

@@ -3,76 +3,80 @@
  * Licensed under the MIT License.
  * @format
  */
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
-export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
+export declare const Sizes: readonly ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
 export type Size = (typeof Sizes)[number];
 export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
 export type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
 export type NativeAvatarTokens = {
-    /**
-     * Supported Avatar sizes
-     */
-    size?: Size;
-    /**
-     * Supported Avatar styles
-     */
-    avatarStyle?: AvatarStyle;
+  /**
+   * Supported Avatar sizes
+   */
+  size?: Size;
+  /**
+   * Supported Avatar styles
+   */
+  avatarStyle?: AvatarStyle;
 };
 export type NativeAvatarProps = NativeAvatarTokens & {
-    /**
-     * The image to be displayed
-     */
-    imageSource?: ImageURISource;
-    /**
-     * The primary text to create initials with (e.g. a name)
-     */
-    primaryText?: string;
-    /**
-     * The secondary text to create initials with if primary text is not provided (e.g. an email address)
-     */
-    secondaryText?: string;
-    /**
-     * A custom color for the ring around the Avatar
-     */
-    ringColor?: ColorValue;
-    /**
-     * A custom color for the avatar initials when no image is shown
-     */
-    foregroundColor?: ColorValue;
-    /**
-     * A custom color for the avatar background when no image is shown
-     */
-    backgroundColor?: ColorValue;
-    /**
-     * The avatar view's presence state.
-     */
-    presence?: Presence;
-    /**
-     * A boolean inidicating whether the ring is visible
-     */
-    isRingVisible?: boolean;
-    /**
-     * A boolean indicating whether the Inner Ring Gap is transparent
-     */
-    isTransparent?: boolean;
-    /**
-     * A boolean indicating out of office status
-     */
-    isOutOfOffice?: boolean;
-    /**
-     * A boolean indicating whether the gap between the avatar and ring is visible.
-     */
-    hasRingInnerGap?: boolean;
-    /**
-     * An image to be shown as the backdrop of the ring, rather then a solid color.
-     * Takes precendence over `ringColor`
-     */
-    customBorderImageSource?: ImageURISource;
+  /**
+   * The image to be displayed
+   */
+  imageSource?: ImageURISource;
+  /**
+   * The primary text to create initials with (e.g. a name)
+   */
+  primaryText?: string;
+  /**
+   * The secondary text to create initials with if primary text is not provided (e.g. an email address)
+   */
+  secondaryText?: string;
+  /**
+   * A custom color for the ring around the Avatar
+   */
+  ringColor?: ColorValue;
+  /**
+   * A custom color for the avatar initials when no image is shown
+   */
+  foregroundColor?: ColorValue;
+  /**
+   * A custom color for the avatar background when no image is shown
+   */
+  backgroundColor?: ColorValue;
+  /**
+   * The avatar view's presence state.
+   */
+  presence?: Presence;
+  /**
+   * A boolean inidicating whether the ring is visible
+   */
+  isRingVisible?: boolean;
+  /**
+   * A boolean indicating whether the Inner Ring Gap is transparent
+   */
+  isTransparent?: boolean;
+  /**
+   * A boolean indicating out of office status
+   */
+  isOutOfOffice?: boolean;
+  /**
+   * A boolean indicating whether the gap between the avatar and ring is visible.
+   */
+  hasRingInnerGap?: boolean;
+  /**
+   * An image to be shown as the backdrop of the ring, rather then a solid color.
+   * Takes precendence over `ringColor`
+   */
+  customBorderImageSource?: ImageURISource;
 };
 export type NativeAvatarViewProps = ViewProps & NativeAvatarProps;
-export declare const NativeAvatar: import("@fluentui-react-native/framework").ComposableComponent<NativeAvatarProps, {
+export declare const NativeAvatar: import('@fluentui-react-native/framework').ComposableComponent<
+  NativeAvatarProps,
+  {
     root: NativeAvatarViewProps;
-}, NativeAvatarTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=NativeAvatar.d.ts.map
+  },
+  NativeAvatarTokens,
+  import('@fluentui-react-native/framework-base').ObjectBase
+>;
+//# sourceMappingURL=NativeAvatar.d.ts.map

package/lib/NativeAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;6EAgCxC,CAAC"}
+{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6DAA6D;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;;kFA4BvB,CAAC"}

package/lib/NativeAvatar.js

@@ -1,33 +1,37 @@
+import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
 import { NativeModules, TurboModuleRegistry } from 'react-native';
-import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, buildProps, mergeProps } from '@fluentui-react-native/framework';
 const avatarName = 'NativeAvatar';
 import NativeAvatarView from './AvatarNativeComponent';
 export const Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
 const ExportedNativeConstants = TurboModuleRegistry.get('FRNAvatarConstants')?.getConstants() || NativeModules.FRNAvatarViewManager;
 const tokensThatAreAlsoProps = ['size', 'avatarStyle'];
 export const NativeAvatar = compose({
-    displayName: avatarName,
-    tokens: [
-        {
-            size: 'size24',
-            avatarStyle: 'default',
-        },
-        avatarName,
-    ],
-    tokensThatAreAlsoProps,
-    slots: { root: NativeAvatarView },
-    slotProps: {
-        root: buildProps((tokens) => ({
-            size: tokens.size,
-            style: {
-                height: ExportedNativeConstants.sizes[tokens.size],
-                width: ExportedNativeConstants.sizes[tokens.size],
-            },
-        }), ['size']),
-    },
-    useRender: (props, useSlots) => {
-        const Root = useSlots(props).root;
-        return (rest) => withSlots(Root, { ...mergeProps(props, rest) });
+  displayName: avatarName,
+  tokens: [
+    {
+      size: 'size24',
+      avatarStyle: 'default',
     },
+    avatarName,
+  ],
+  tokensThatAreAlsoProps,
+  slots: { root: NativeAvatarView },
+  slotProps: {
+    root: buildProps(
+      (tokens) => ({
+        size: tokens.size,
+        style: {
+          height: ExportedNativeConstants.sizes[tokens.size],
+          width: ExportedNativeConstants.sizes[tokens.size],
+        },
+      }),
+      ['size'],
+    ),
+  },
+  useRender: (props, useSlots) => {
+    const Root = useSlots(props).root;
+    return (rest) => _jsx(Root, { ...mergeProps(props, rest) });
+  },
 });
-//# sourceMappingURL=NativeAvatar.js.map
+//# sourceMappingURL=NativeAvatar.js.map

package/lib/NativeAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE9F,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,mBAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,aAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASrF,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,UAAC,IAAI,OAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEnF,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,mBAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,aAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASrF,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE,CAAC;QACvE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAAA,CAC3E;CACF,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export { NativeAvatar, Sizes } from './NativeAvatar';
 export type { AvatarStyle, NativeAvatarProps, NativeAvatarTokens, NativeAvatarViewProps, Presence, Size } from './NativeAvatar';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { NativeAvatar, Sizes } from './NativeAvatar';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/AvatarNative.types.d.ts

@@ -0,0 +1,11 @@
+import type { ColorValue, ViewProps } from 'react-native';
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ImageSource } from './codegenTypes';
+export interface NativeProps extends ViewProps {
+  primaryText?: string;
+  secondaryText?: string;
+  imageSource?: ImageSource;
+  backgroundColor?: ColorValue;
+  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}
+//# sourceMappingURL=AvatarNative.types.d.ts.map

package/lib-commonjs/AvatarNative.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNative.types.d.ts","sourceRoot":"","sources":["../src/AvatarNative.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G"}

package/lib-commonjs/AvatarNative.types.js

@@ -0,0 +1,3 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=AvatarNative.types.js.map

package/lib-commonjs/AvatarNative.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNative.types.js","sourceRoot":"","sources":["../src/AvatarNative.types.ts"],"names":[],"mappings":""}

package/lib-commonjs/AvatarNativeComponent.d.ts

@@ -1,18 +1,5 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-import type { ColorValue, HostComponent, ViewProps } from 'react-native';
-import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-import type { ImageSource } from './codegenTypes';
-export interface NativeProps extends ViewProps {
-    primaryText?: string;
-    secondaryText?: string;
-    imageSource?: ImageSource;
-    backgroundColor?: ColorValue;
-    size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
-}
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=AvatarNativeComponent.d.ts.map
+//# sourceMappingURL=AvatarNativeComponent.d.ts.map

package/lib-commonjs/AvatarNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
+{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}

package/lib-commonjs/AvatarNativeComponent.ios.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AvatarNativeComponent.ios.d.ts.map

package/lib-commonjs/AvatarNativeComponent.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.ios.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ios.ts"],"names":[],"mappings":""}

package/lib-commonjs/AvatarNativeComponent.ios.js

@@ -0,0 +1,3 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=AvatarNativeComponent.ios.js.map

package/lib-commonjs/AvatarNativeComponent.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.ios.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ios.ts"],"names":[],"mappings":""}

package/lib-commonjs/AvatarNativeComponent.js

@@ -1,13 +1,5 @@
-"use strict";
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
-exports.default = (0, codegenNativeComponent_1.default)('FRNAvatarView');
-//# sourceMappingURL=AvatarNativeComponent.js.map
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const react_native_1 = require('react-native');
+exports.default = (0, react_native_1.requireNativeComponent)('FRNAvatarView');
+//# sourceMappingURL=AvatarNativeComponent.js.map

package/lib-commonjs/AvatarNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,qHAA6F;AAY7F,kBAAe,IAAA,gCAAsB,EAAc,eAAe,CAA+B,CAAC"}
+{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":";;AAEA,+CAAsD;kBAEvC,IAAA,qCAAsB,EAAc,eAAe,CAA+B"}

package/lib-commonjs/AvatarNativeComponent.macos.d.ts

@@ -0,0 +1,5 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=AvatarNativeComponent.macos.d.ts.map

package/lib-commonjs/AvatarNativeComponent.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.macos.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}

package/lib-commonjs/AvatarNativeComponent.macos.js

@@ -0,0 +1,10 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+const codegenNativeComponent_1 = __importDefault(require('react-native/Libraries/Utilities/codegenNativeComponent'));
+exports.default = (0, codegenNativeComponent_1.default)('FRNAvatarView');
+//# sourceMappingURL=AvatarNativeComponent.macos.js.map

package/lib-commonjs/AvatarNativeComponent.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNativeComponent.macos.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.macos.ts"],"names":[],"mappings":";;;;;AAEA,qHAA6F;kBAE9E,IAAA,gCAAsB,EAAc,eAAe,CAA+B"}

package/lib-commonjs/NativeAvatar.d.ts

@@ -3,76 +3,80 @@
  * Licensed under the MIT License.
  * @format
  */
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
-export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
+export declare const Sizes: readonly ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
 export type Size = (typeof Sizes)[number];
 export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
 export type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
 export type NativeAvatarTokens = {
-    /**
-     * Supported Avatar sizes
-     */
-    size?: Size;
-    /**
-     * Supported Avatar styles
-     */
-    avatarStyle?: AvatarStyle;
+  /**
+   * Supported Avatar sizes
+   */
+  size?: Size;
+  /**
+   * Supported Avatar styles
+   */
+  avatarStyle?: AvatarStyle;
 };
 export type NativeAvatarProps = NativeAvatarTokens & {
-    /**
-     * The image to be displayed
-     */
-    imageSource?: ImageURISource;
-    /**
-     * The primary text to create initials with (e.g. a name)
-     */
-    primaryText?: string;
-    /**
-     * The secondary text to create initials with if primary text is not provided (e.g. an email address)
-     */
-    secondaryText?: string;
-    /**
-     * A custom color for the ring around the Avatar
-     */
-    ringColor?: ColorValue;
-    /**
-     * A custom color for the avatar initials when no image is shown
-     */
-    foregroundColor?: ColorValue;
-    /**
-     * A custom color for the avatar background when no image is shown
-     */
-    backgroundColor?: ColorValue;
-    /**
-     * The avatar view's presence state.
-     */
-    presence?: Presence;
-    /**
-     * A boolean inidicating whether the ring is visible
-     */
-    isRingVisible?: boolean;
-    /**
-     * A boolean indicating whether the Inner Ring Gap is transparent
-     */
-    isTransparent?: boolean;
-    /**
-     * A boolean indicating out of office status
-     */
-    isOutOfOffice?: boolean;
-    /**
-     * A boolean indicating whether the gap between the avatar and ring is visible.
-     */
-    hasRingInnerGap?: boolean;
-    /**
-     * An image to be shown as the backdrop of the ring, rather then a solid color.
-     * Takes precendence over `ringColor`
-     */
-    customBorderImageSource?: ImageURISource;
+  /**
+   * The image to be displayed
+   */
+  imageSource?: ImageURISource;
+  /**
+   * The primary text to create initials with (e.g. a name)
+   */
+  primaryText?: string;
+  /**
+   * The secondary text to create initials with if primary text is not provided (e.g. an email address)
+   */
+  secondaryText?: string;
+  /**
+   * A custom color for the ring around the Avatar
+   */
+  ringColor?: ColorValue;
+  /**
+   * A custom color for the avatar initials when no image is shown
+   */
+  foregroundColor?: ColorValue;
+  /**
+   * A custom color for the avatar background when no image is shown
+   */
+  backgroundColor?: ColorValue;
+  /**
+   * The avatar view's presence state.
+   */
+  presence?: Presence;
+  /**
+   * A boolean inidicating whether the ring is visible
+   */
+  isRingVisible?: boolean;
+  /**
+   * A boolean indicating whether the Inner Ring Gap is transparent
+   */
+  isTransparent?: boolean;
+  /**
+   * A boolean indicating out of office status
+   */
+  isOutOfOffice?: boolean;
+  /**
+   * A boolean indicating whether the gap between the avatar and ring is visible.
+   */
+  hasRingInnerGap?: boolean;
+  /**
+   * An image to be shown as the backdrop of the ring, rather then a solid color.
+   * Takes precendence over `ringColor`
+   */
+  customBorderImageSource?: ImageURISource;
 };
 export type NativeAvatarViewProps = ViewProps & NativeAvatarProps;
-export declare const NativeAvatar: import("@fluentui-react-native/framework").ComposableComponent<NativeAvatarProps, {
+export declare const NativeAvatar: import('@fluentui-react-native/framework').ComposableComponent<
+  NativeAvatarProps,
+  {
     root: NativeAvatarViewProps;
-}, NativeAvatarTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=NativeAvatar.d.ts.map
+  },
+  NativeAvatarTokens,
+  import('@fluentui-react-native/framework').ObjectBase
+>;
+//# sourceMappingURL=NativeAvatar.d.ts.map

package/lib-commonjs/NativeAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;6EAgCxC,CAAC"}
+{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6DAA6D;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;;6EA4BvB,CAAC"}

package/lib-commonjs/NativeAvatar.js

@@ -1,39 +1,46 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.NativeAvatar = exports.Sizes = void 0;
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
 const avatarName = 'NativeAvatar';
-const AvatarNativeComponent_1 = __importDefault(require("./AvatarNativeComponent"));
+const AvatarNativeComponent_1 = __importDefault(require('./AvatarNativeComponent'));
 exports.Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
-const ExportedNativeConstants = react_native_1.TurboModuleRegistry.get('FRNAvatarConstants')?.getConstants() || react_native_1.NativeModules.FRNAvatarViewManager;
+const ExportedNativeConstants =
+  react_native_1.TurboModuleRegistry.get('FRNAvatarConstants')?.getConstants() || react_native_1.NativeModules.FRNAvatarViewManager;
 const tokensThatAreAlsoProps = ['size', 'avatarStyle'];
 exports.NativeAvatar = (0, framework_1.compose)({
-    displayName: avatarName,
-    tokens: [
-        {
-            size: 'size24',
-            avatarStyle: 'default',
-        },
-        avatarName,
-    ],
-    tokensThatAreAlsoProps,
-    slots: { root: AvatarNativeComponent_1.default },
-    slotProps: {
-        root: (0, framework_1.buildProps)((tokens) => ({
-            size: tokens.size,
-            style: {
-                height: ExportedNativeConstants.sizes[tokens.size],
-                width: ExportedNativeConstants.sizes[tokens.size],
-            },
-        }), ['size']),
-    },
-    useRender: (props, useSlots) => {
-        const Root = useSlots(props).root;
-        return (rest) => (0, framework_1.withSlots)(Root, { ...(0, framework_1.mergeProps)(props, rest) });
+  displayName: avatarName,
+  tokens: [
+    {
+      size: 'size24',
+      avatarStyle: 'default',
     },
+    avatarName,
+  ],
+  tokensThatAreAlsoProps,
+  slots: { root: AvatarNativeComponent_1.default },
+  slotProps: {
+    root: (0, framework_1.buildProps)(
+      (tokens) => ({
+        size: tokens.size,
+        style: {
+          height: ExportedNativeConstants.sizes[tokens.size],
+          width: ExportedNativeConstants.sizes[tokens.size],
+        },
+      }),
+      ['size'],
+    ),
+  },
+  useRender: (props, useSlots) => {
+    const Root = useSlots(props).root;
+    return (rest) => jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(props, rest) });
+  },
 });
-//# sourceMappingURL=NativeAvatar.js.map
+//# sourceMappingURL=NativeAvatar.js.map

package/lib-commonjs/NativeAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;AAQA,+CAAkE;AAGlE,gEAA8F;AAE9F,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,oFAAuD;AAE1C,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,kCAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,4BAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASxE,QAAA,YAAY,GAAG,IAAA,mBAAO,EAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,+BAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,2BAAC,IAAI,OAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;AAOA,+CAAkE;AAGlE,gEAAmF;AAEnF,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,oFAAuD;AAE1C,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,kCAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,4BAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASxE,QAAA,YAAY,GAAG,IAAA,mBAAO,EAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,+BAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE,CAAC;QACvE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,kBAAC,IAAI,OAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAAA,CAC3E;CACF,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,3 +1,3 @@
 export { NativeAvatar, Sizes } from './NativeAvatar';
 export type { AvatarStyle, NativeAvatarProps, NativeAvatarTokens, NativeAvatarViewProps, Presence, Size } from './NativeAvatar';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,7 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Sizes = exports.NativeAvatar = void 0;
-var NativeAvatar_1 = require("./NativeAvatar");
-Object.defineProperty(exports, "NativeAvatar", { enumerable: true, get: function () { return NativeAvatar_1.NativeAvatar; } });
-Object.defineProperty(exports, "Sizes", { enumerable: true, get: function () { return NativeAvatar_1.Sizes; } });
-//# sourceMappingURL=index.js.map
+const NativeAvatar_1 = require('./NativeAvatar');
+Object.defineProperty(exports, 'NativeAvatar', {
+  enumerable: true,
+  get: function () {
+    return NativeAvatar_1.NativeAvatar;
+  },
+});
+Object.defineProperty(exports, 'Sizes', {
+  enumerable: true,
+  get: function () {
+    return NativeAvatar_1.Sizes;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+CAAqD;AAA5C,4GAAA,YAAY,OAAA;AAAE,qGAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iDAAqD;AAA5C,4GAAA,YAAY,OAAA;AAAE,qGAAA,KAAK,OAAA"}

package/package.json

@@ -1,97 +1,95 @@
 {
   "name": "@fluentui-react-native/experimental-avatar",
-  "version": "0.21.18",
+  "version": "0.22.0",
   "description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
+  "homepage": "https://github.com/microsoft/fluentui-react-native",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/experimental/Avatar"
+  },
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
-  "homepage": "https://github.com/microsoft/fluentui-react-native",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
-    "lint": "fluentui-scripts eslint",
     "depcheck": "fluentui-scripts depcheck",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/experimental/Avatar"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.14.16"
+    "@fluentui-react-native/framework": "0.15.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "@types/react-test-renderer": "^18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@fluentui-react-native/framework-base": "0.3.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0",
+    "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
-        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios",
         "core-macos",
         "core-windows",
         "react",
-        "react-test-renderer"
+        "react-test-renderer",
+        "tools-core"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/AvatarNative.types.ts

@@ -0,0 +1,13 @@
+import type { ColorValue, ViewProps } from 'react-native';
+
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+
+import type { ImageSource } from './codegenTypes';
+
+export interface NativeProps extends ViewProps {
+  primaryText?: string;
+  secondaryText?: string;
+  imageSource?: ImageSource;
+  backgroundColor?: ColorValue;
+  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}

package/src/AvatarNativeComponent.macos.ts

@@ -0,0 +1,5 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export default codegenNativeComponent<NativeProps>('FRNAvatarView') as HostComponent<NativeProps>;

package/src/AvatarNativeComponent.ts

@@ -1,22 +1,5 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './AvatarNative.types';
+import { requireNativeComponent } from 'react-native';
 
-import type { ColorValue, HostComponent, ViewProps } from 'react-native';
-
-import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-
-import type { ImageSource } from './codegenTypes';
-
-export interface NativeProps extends ViewProps {
-  primaryText?: string;
-  secondaryText?: string;
-  imageSource?: ImageSource;
-  backgroundColor?: ColorValue;
-  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
-}
-
-export default codegenNativeComponent<NativeProps>('FRNAvatarView') as HostComponent<NativeProps>;
+export default requireNativeComponent<NativeProps>('FRNAvatarView') as HostComponent<NativeProps>;

package/src/NativeAvatar.tsx

@@ -3,13 +3,12 @@
  * Licensed under the MIT License.
  * @format
  */
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
 import { NativeModules, TurboModuleRegistry } from 'react-native';
 
 import type { UseSlots } from '@fluentui-react-native/framework';
-import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, buildProps, mergeProps } from '@fluentui-react-native/framework';
 
 const avatarName = 'NativeAvatar';