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

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Change Log - @fluentui-react-native/experimental-avatar
 
+## 0.22.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @fluentui-react-native/framework@0.15.3
+
+## 0.22.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @fluentui-react-native/framework@0.15.2
+
+## 0.22.1
+
+### Patch Changes
+
+- f72b43a: Fix codegen definitions for native components in repo
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/framework@0.15.1
+
 ## 0.22.0
 
 ### Minor Changes

package/lib/AvatarNativeComponent.d.ts

@@ -1,5 +1,13 @@
 import type { HostComponent } from 'react-native';
-import type { NativeProps } from './AvatarNative.types';
+import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeProps extends ViewProps {
+    primaryText?: string;
+    secondaryText?: string;
+    imageSource?: ImageURISource;
+    backgroundColor?: ColorValue;
+    size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}
 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,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}
+{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,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"}

package/lib/AvatarNativeComponent.js

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

package/lib/AvatarNativeComponent.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAe7F,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}

package/lib/NativeAvatar.d.ts

@@ -5,78 +5,73 @@
  */
 /** @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-base').ObjectBase
->;
-//# sourceMappingURL=NativeAvatar.d.ts.map
+}, NativeAvatarTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=NativeAvatar.d.ts.map

package/lib/NativeAvatar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 import { NativeModules, TurboModuleRegistry } from 'react-native';
 import { compose, buildProps, mergeProps } from '@fluentui-react-native/framework';
 const avatarName = 'NativeAvatar';
@@ -7,31 +7,28 @@ export const Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56'
 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],
+    displayName: avatarName,
+    tokens: [
+        {
+            size: 'size24',
+            avatarStyle: 'default',
         },
-      }),
-      ['size'],
-    ),
-  },
-  useRender: (props, useSlots) => {
-    const Root = useSlots(props).root;
-    return (rest) => _jsx(Root, { ...mergeProps(props, rest) });
-  },
+        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/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/AvatarNativeComponent.d.ts

@@ -1,5 +1,13 @@
 import type { HostComponent } from 'react-native';
-import type { NativeProps } from './AvatarNative.types';
+import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeProps extends ViewProps {
+    primaryText?: string;
+    secondaryText?: string;
+    imageSource?: ImageURISource;
+    backgroundColor?: ColorValue;
+    size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}
 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,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAGxD,wBAAkG"}
+{"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,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"}

package/lib-commonjs/AvatarNativeComponent.js

@@ -1,5 +1,8 @@
-'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
+"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.js.map

package/lib-commonjs/AvatarNativeComponent.js.map

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

package/lib-commonjs/NativeAvatar.d.ts

@@ -5,78 +5,73 @@
  */
 /** @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.js

@@ -1,46 +1,40 @@
-'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 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 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],
+    displayName: avatarName,
+    tokens: [
+        {
+            size: 'size24',
+            avatarStyle: 'default',
         },
-      }),
-      ['size'],
-    ),
-  },
-  useRender: (props, useSlots) => {
-    const Root = useSlots(props).root;
-    return (rest) => jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(props, rest) });
-  },
+        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/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,17 +1,7 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sizes = exports.NativeAvatar = void 0;
-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
+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/package.json

@@ -1,64 +1,65 @@
 {
   "name": "@fluentui-react-native/experimental-avatar",
-  "version": "0.22.0",
+  "version": "0.22.3",
   "description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
   "homepage": "https://github.com/microsoft/fluentui-react-native",
+  "license": "MIT",
+  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/experimental/Avatar"
   },
-  "license": "MIT",
-  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "lint": "fluentui-scripts eslint",
+    "format": "fluentui-scripts format",
+    "lint": "fluentui-scripts lint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.15.0"
+    "@fluentui-react-native/framework": "0.15.3"
   },
   "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/framework-base": "0.3.0",
+    "@fluentui-react-native/framework-base": "0.3.3",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/lint-config-rules": "0.1.3",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@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": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
-    "react": "19.1.0",
-    "react-native": "^0.81.0",
+    "react": "19.1.4",
+    "react-native": "^0.81.6",
     "react-native-macos": "^0.81.0",
     "react-native-windows": "^0.81.0",
-    "react-test-renderer": "19.1.0"
+    "react-test-renderer": "19.1.4"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^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",
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
+    "react": "18.2.0 || 19.0.0 || 19.1.4",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
     "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"
   },

package/src/AvatarNativeComponent.ts

@@ -1,5 +1,16 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { HostComponent } from 'react-native';
-import type { NativeProps } from './AvatarNative.types';
-import { requireNativeComponent } from 'react-native';
 
-export default requireNativeComponent<NativeProps>('FRNAvatarView') as HostComponent<NativeProps>;
+import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
+
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeProps extends ViewProps {
+  primaryText?: string;
+  secondaryText?: string;
+  imageSource?: ImageURISource;
+  backgroundColor?: ColorValue;
+  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
+}
+
+export default codegenNativeComponent<NativeProps>('FRNAvatarView') as HostComponent<NativeProps>;

package/eslint.config.js

@@ -1,3 +0,0 @@
-const baseConfig = require('@fluentui-react-native/eslint-config-rules');
-
-module.exports = baseConfig;

package/lib/AvatarNative.types.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/lib/AvatarNative.types.js.map

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

package/lib/AvatarNativeComponent.ios.d.ts

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

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

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

package/lib/AvatarNativeComponent.ios.js

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

package/lib/AvatarNativeComponent.ios.js.map

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

package/lib/AvatarNativeComponent.macos.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/lib/AvatarNativeComponent.macos.js.map

@@ -1 +0,0 @@
-{"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-commonjs/AvatarNative.types.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

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

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

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

package/lib-commonjs/AvatarNativeComponent.ios.js

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-'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

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

package/src/AvatarNative.types.ts

@@ -1,13 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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/codegenTypes.d.ts

@@ -1,2 +0,0 @@
-// Separate .d.ts file to fool codegen, since ImageSource does not exist in the TS types of RN currently.
-export type { ImageURISource as ImageSource } from 'react-native/Libraries/Image/ImageSource';