@fluentui-react-native/experimental-avatar 0.13.0 → 0.13.4

package/src/{Avatar.styling.ts → JSAvatar.styling.ts}

@@ -1,8 +1,9 @@
-import { avatarName, AvatarTokens, AvatarSlotProps, AvatarProps } from './Avatar.types';
+import { JSAvatarName, JSAvatarTokens, AvatarSlotProps, JSAvatarProps } from './JSAvatar.types';
 import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
-import { defaultAvatarTokens } from './AvatarTokens';
+import { defaultJSAvatarTokens } from './JSAvatarTokens';
 import { ViewStyle } from 'react-native';
-import { calculateEffectiveSizes, convertCoinColorFluent, getRingThickness } from './Avatar.helpers';
+import { calculateEffectiveSizes, convertCoinColorFluent, getRingThickness } from './JSAvatar.helpers';
+import { borderStyles } from '@fluentui-react-native/tokens';
 
 const nameMap: { [key: string]: string } = {
   start: 'flex-start',
@@ -10,11 +11,14 @@ const nameMap: { [key: string]: string } = {
   end: 'flex-end',
 };
 
-export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, AvatarTokens> = {
-  tokens: [defaultAvatarTokens, avatarName],
+export const avatarStates: (keyof JSAvatarTokens)[] = ['circular', 'square'];
+
+export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps, JSAvatarTokens> = {
+  tokens: [defaultJSAvatarTokens, JSAvatarName],
+  states: avatarStates,
   slotProps: {
     root: buildProps(
-      (tokens: AvatarTokens) => {
+      (tokens: JSAvatarTokens) => {
         const { physicalSize } = calculateEffectiveSizes(tokens);
         const { horizontalIconAlignment, verticalIconAlignment } = tokens;
         return {
@@ -32,7 +36,7 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
       ['horizontalIconAlignment', 'verticalIconAlignment'],
     ),
     initials: buildProps(
-      (tokens: AvatarTokens) => {
+      (tokens: JSAvatarTokens) => {
         const { initialsSize } = calculateEffectiveSizes(tokens);
         return {
           style: {
@@ -43,7 +47,7 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
       ['initialsSize'],
     ),
     initialsBackground: buildProps(
-      (tokens: AvatarTokens) => {
+      (tokens: JSAvatarTokens, theme: Theme) => {
         const { physicalSize } = calculateEffectiveSizes(tokens);
         const { backgroundColor, coinColorFluent } = tokens;
         let effectiveBackgroundColor = backgroundColor;
@@ -52,7 +56,7 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
         }
         return {
           style: {
-            borderRadius: physicalSize / 2,
+            ...borderStyles.from(tokens, theme),
             width: physicalSize,
             height: physicalSize,
             flexGrow: 1,
@@ -63,24 +67,24 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
           },
         };
       },
-      ['coinColorFluent', 'backgroundColor', 'physicalSize'],
+      ['coinColorFluent', 'backgroundColor', 'physicalSize', ...borderStyles.keys],
     ),
     photo: buildProps(
-      (tokens: AvatarTokens) => {
+      (tokens: JSAvatarTokens) => {
         const { physicalSize } = calculateEffectiveSizes(tokens);
 
         return {
           style: {
-            borderRadius: physicalSize / 2,
+            borderRadius: tokens.borderRadius,
             width: physicalSize,
             height: physicalSize,
           },
         };
       },
-      ['physicalSize'],
+      ['physicalSize', 'borderRadius'],
     ),
     icon: buildProps(
-      (tokens: AvatarTokens, theme: Theme) => {
+      (tokens: JSAvatarTokens, theme: Theme) => {
         const { iconSize, iconStrokeWidth } = calculateEffectiveSizes(tokens);
         const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
         const iconStrokeColor = tokens.iconStrokeColor || theme.colors.background;
@@ -100,7 +104,7 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
       ['iconSize', 'iconStrokeWidth', 'iconStrokeColor'],
     ),
     ring: buildProps(
-      (tokens: AvatarTokens, theme: Theme) => {
+      (tokens: JSAvatarTokens, theme: Theme) => {
         const { physicalSize } = calculateEffectiveSizes(tokens);
         const { ring } = tokens;
 
@@ -116,19 +120,19 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
             borderStyle: 'solid',
             borderColor: ringColor,
             borderWidth: effectiveRingThickness,
-            borderRadius: effectiveSize / 2,
             width: effectiveSize,
             height: effectiveSize,
             position: 'absolute',
             top: -effectiveRingThickness,
             left: -effectiveRingThickness,
+            ...borderStyles.from(tokens, theme),
           },
         };
       },
-      ['physicalSize', 'ring', 'physicalSize'],
+      ['physicalSize', 'ring', 'physicalSize', ...borderStyles.keys],
     ),
     glow: buildProps(
-      (tokens: AvatarTokens, theme: Theme) => {
+      (tokens: JSAvatarTokens, theme: Theme) => {
         const { physicalSize } = calculateEffectiveSizes(tokens);
         const { ring } = tokens;
 
@@ -144,16 +148,16 @@ export const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, Av
             borderStyle: 'solid',
             borderColor: glowColor,
             borderWidth: effectiveRingThickness - innerGap,
-            borderRadius: effectiveSize / 2,
             width: effectiveSize,
             height: effectiveSize,
             position: 'absolute',
             top: -effectiveRingThickness,
             left: -effectiveRingThickness,
+            ...borderStyles.from(tokens, theme),
           },
         };
       },
-      ['physicalSize', 'ring'],
+      ['physicalSize', 'ring', ...borderStyles.keys],
     ),
   },
 };

package/src/JSAvatar.tsx

@@ -0,0 +1,56 @@
+/** @jsx withSlots */
+import { Image, View, Text } from 'react-native';
+import { JSAvatarProps, JSAvatarType, JSAvatarName, JSAvatarState } from './JSAvatar.types';
+import { stylingSettings } from './JSAvatar.styling';
+import { compose, UseSlots, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { useAvatar } from './useAvatar';
+
+/**
+ * A function which determines if a set of styles should be applied to the compoent given the current state and props of the avatar.
+ *
+ * @param layer The name of the state that is being checked for
+ * @param state The current state of the avatar
+ * @param userProps The props that were passed into the avatar
+ * @returns Whether the styles that are assigned to the layer should be applied to the avatar
+ */
+export const avatarLookup = (layer: string, state: JSAvatarState, userProps: JSAvatarProps): boolean => {
+  return state[layer] || userProps[layer] || layer === userProps['shape'] || (!userProps['shape'] && layer === 'circular');
+};
+
+export const JSAvatar = compose<JSAvatarType>({
+  displayName: JSAvatarName,
+  ...stylingSettings,
+  slots: {
+    root: View,
+    photo: Image,
+    initials: Text,
+    initialsBackground: View,
+    icon: Image,
+    ring: View,
+    glow: View,
+  },
+  render: (userProps: JSAvatarProps, useSlots: UseSlots<JSAvatarType>) => {
+    const avatar = useAvatar(userProps);
+    const Slots = useSlots(userProps, (layer) => avatarLookup(layer, avatar.state, userProps));
+
+    return (final: JSAvatarProps) => {
+      const { children, accessibilityLabel, ...mergedProps } = mergeProps(avatar.props, final);
+      const { personaPhotoSource, iconSource, showRing, transparentRing } = avatar.state;
+
+      return (
+        <Slots.root {...mergedProps}>
+          {personaPhotoSource ? (
+            <Slots.photo accessibilityLabel={accessibilityLabel} source={personaPhotoSource} />
+          ) : (
+            <Slots.initialsBackground>
+              <Slots.initials>{children}</Slots.initials>
+            </Slots.initialsBackground>
+          )}
+          {showRing && !transparentRing && <Slots.ring />}
+          {showRing && <Slots.glow />}
+          {!!iconSource && !!iconSource.uri && <Slots.icon source={iconSource} />}
+        </Slots.root>
+      );
+    };
+  },
+});

package/src/{Avatar.types.ts → JSAvatar.types.ts}

@@ -1,11 +1,15 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } from 'react-native';
-import { IBackgroundColorTokens, IForegroundColorTokens } from '@fluentui-react-native/tokens';
+import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
 
-export const avatarName = 'Avatar';
+export const JSAvatarName = 'Avatar';
 
 export type AvatarSize = 'size8' | 'size24' | 'size32' | 'size40' | 'size48' | 'size56' | 'size72' | 'size100' | 'size120';
 
+export type AvatarShape = 'circular' | 'square';
+export type AvatarActive = 'active' | 'inactive' | 'unset';
+export type AvatarActiveAppearance = 'ring' | 'shadow' | 'glow' | 'ring-shadow' | 'ring-glow';
+
 /**
  * Sets color of the avatar when there is no picture. Uses fluent color names
  */
@@ -50,12 +54,15 @@ export interface AvatarConfigurableProps {
   coinColorFluent?: AvatarColor;
 }
 
-export interface AvatarProps extends IViewProps, AvatarConfigurableProps {
+export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
+  active?: AvatarActive;
+  activeAppearance?: AvatarActiveAppearance;
   imageUrl?: string;
   imageDescription?: string;
   initials?: string;
   presence?: AvatarPresence;
   isOutOfOffice?: boolean;
+  shape?: AvatarShape;
 }
 
 export interface AvatarSlotProps {
@@ -70,7 +77,7 @@ export interface AvatarSlotProps {
 
 export type IconAlignment = 'start' | 'center' | 'end';
 
-export interface AvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps {
+export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
   avatarSize?: number;
   iconSize?: number;
   iconStrokeWidth?: number;
@@ -79,9 +86,11 @@ export interface AvatarTokens extends IBackgroundColorTokens, IForegroundColorTo
   horizontalIconAlignment?: IconAlignment;
   verticalIconAlignment?: IconAlignment;
   physicalSize?: number;
+  circular?: JSAvatarTokens;
+  square?: JSAvatarTokens;
 }
 
-export interface AvatarState {
+export interface JSAvatarState {
   personaPhotoSource: ImageURISource | undefined;
   iconSource: ImageURISource | undefined;
   showRing: boolean;
@@ -89,13 +98,13 @@ export interface AvatarState {
 }
 
 export interface AvatarInfo {
-  props: AvatarProps;
-  state: AvatarState;
+  props: JSAvatarProps;
+  state: JSAvatarState;
 }
 
-export interface AvatarType {
-  props: AvatarProps;
+export interface JSAvatarType {
+  props: JSAvatarProps;
   slotProps: AvatarSlotProps;
-  tokens: AvatarTokens;
-  state: AvatarState;
+  tokens: JSAvatarTokens;
+  state: JSAvatarState;
 }

package/src/{AvatarTokens.ts → JSAvatarTokens.ts}

@@ -1,13 +1,20 @@
 import { Theme } from '@fluentui-react-native/framework';
 import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { AvatarTokens } from '.';
-import { convertCoinColorFluent } from './Avatar.helpers';
+import { JSAvatarTokens } from '.';
+import { convertCoinColorFluent } from './JSAvatar.helpers';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 
-export const defaultAvatarTokens: TokenSettings<AvatarTokens, Theme> = () =>
+export const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme> = () =>
   ({
     horizontalIconAlignment: 'end',
     verticalIconAlignment: 'end',
     color: 'white', // initials is always 'white', unless overriden by token
     iconStrokeColor: 'white', // icon stroke color is always 'white', unless overriden by token
     backgroundColor: convertCoinColorFluent('cornflower'),
-  } as AvatarTokens);
+    circular: {
+      borderRadius: globalTokens.corner.radius.circle,
+    },
+    square: {
+      borderRadius: globalTokens.corner.radius.medium,
+    },
+  } as JSAvatarTokens);

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './Avatar';
-export * from './Avatar.types';
+export * from './JSAvatar';
+export * from './JSAvatar.types';

package/src/useAvatar.ts

@@ -1,5 +1,5 @@
-import { AvatarProps, AvatarInfo, AvatarState } from './Avatar.types';
-import { getPresenceIconSource } from './Avatar.helpers';
+import { JSAvatarProps, AvatarInfo, JSAvatarState } from './JSAvatar.types';
+import { getPresenceIconSource } from './JSAvatar.helpers';
 
 /**
  * Re-usable hook for FURN Avatar.
@@ -8,8 +8,8 @@ import { getPresenceIconSource } from './Avatar.helpers';
  * @param props user props sent to FURN Avatar
  * @returns configured props and state for FURN Avatar
  */
-export const useAvatar = (props: AvatarProps): AvatarInfo => {
-  const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
+export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
+  const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, shape, ...rest } = props;
 
   const personaPhotoSource =
     imageUrl === undefined
@@ -22,7 +22,7 @@ export const useAvatar = (props: AvatarProps): AvatarInfo => {
   const showRing = !!ring;
   const transparentRing = !!ring?.transparent;
 
-  const state: AvatarState = {
+  const state: JSAvatarState = {
     iconSource,
     personaPhotoSource,
     showRing,
@@ -33,6 +33,7 @@ export const useAvatar = (props: AvatarProps): AvatarInfo => {
     props: {
       children: initials,
       accessibilityLabel: imageDescription,
+      shape: shape || 'circular',
       ...rest,
     },
     state: {

package/lib/Avatar.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.helpers.d.ts","sourceRoot":"","sources":["../src/Avatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA4B9C,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,GAAG,cAAc,CAEtG;AAED,oBAAY,gBAAgB,GAAG;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAcF,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,gBAAgB,CAEhE;AAyBD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAErE;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB,CAoB9E;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CAiBjE"}

package/lib/Avatar.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.helpers.js","sourceRoot":"","sources":["../src/Avatar.helpers.ts"],"names":[],"mappings":"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"}

package/lib/Avatar.ios.d.ts

@@ -1,70 +0,0 @@
-import { ImageURISource, ViewProps, ColorValue } from 'react-native';
-export declare type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
-export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
-export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
-export declare type AvatarTokens = {
-    /**
-     * Supported Avatar sizes
-     */
-    size?: Size;
-    /**
-     * Supported Avatar styles
-     */
-    avatarStyle?: AvatarStyle;
-};
-export declare type AvatarProps = AvatarTokens & {
-    /**
-     * 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 declare type NativeAvatarViewProps = ViewProps & AvatarProps;
-export declare const Avatar: import("@fluentui-react-native/composition").ComposeFactoryComponent<AvatarProps, {
-    root: NativeAvatarViewProps;
-}, AvatarTokens, import("@fluentui-react-native/framework").Theme, object>;
-//# sourceMappingURL=Avatar.ios.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.ios.d.ts","sourceRoot":"","sources":["../src/Avatar.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElF,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,WAAW,GAAG,YAAY,GAAG;IACvC;;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,oBAAY,qBAAqB,GAAG,SAAS,GAAG,WAAW,CAAC;AAO5D,eAAO,MAAM,MAAM;;0EA4BjB,CAAC"}

package/lib/Avatar.ios.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-/** @jsx withSlots */
-import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
-import { NativeModules } from 'react-native';
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
-var avatarName = 'Avatar';
-var NativeAvatarView = ensureNativeComponent('FRNAvatarView');
-var ExportedNativeConstants = NativeModules.FRNAvatarViewManager;
-var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
-export var Avatar = compose({
-    displayName: avatarName,
-    tokens: [
-        {
-            size: 'small',
-            avatarStyle: 'default',
-        },
-        avatarName,
-    ],
-    tokensThatAreAlsoProps: tokensThatAreAlsoProps,
-    slots: { root: NativeAvatarView },
-    slotProps: {
-        root: buildProps(function (tokens) { return ({
-            size: tokens.size,
-            style: {
-                height: ExportedNativeConstants.sizes[tokens.size],
-                width: ExportedNativeConstants.sizes[tokens.size],
-            },
-        }); }, ['size']),
-    },
-    render: function (props, useSlots) {
-        var Root = useSlots(props).root;
-        return function (rest) { return withSlots(Root, __assign({}, mergeProps(props, rest))); };
-    },
-});
-//# sourceMappingURL=Avatar.ios.js.map

package/lib/Avatar.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.ios.js","sourceRoot":"","sources":["../src/Avatar.ios.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAkB,aAAa,EAAyB,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,IAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;AAYhE,IAAM,uBAAuB,GAAsB,aAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAA2B,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAS/E,MAAM,CAAC,IAAM,MAAM,GAAG,OAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAM,IAAK,OAAA,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,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,MAAM,EAAE,UAAC,KAAkB,EAAE,QAA8B;QACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAiB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IACtE,CAAC;CACF,CAAC,CAAC"}

package/lib/Avatar.macos.d.ts

@@ -1,70 +0,0 @@
-import { ImageURISource, ViewProps, ColorValue } from 'react-native';
-export declare type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
-export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
-export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
-export declare type AvatarTokens = {
-    /**
-     * Supported Avatar sizes
-     */
-    size?: Size;
-    /**
-     * Supported Avatar styles
-     */
-    avatarStyle?: AvatarStyle;
-};
-export declare type AvatarProps = AvatarTokens & {
-    /**
-     * 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 declare type NativeAvatarViewProps = ViewProps & AvatarProps;
-export declare const Avatar: import("@fluentui-react-native/composition").ComposeFactoryComponent<AvatarProps, {
-    root: NativeAvatarViewProps;
-}, AvatarTokens, import("@fluentui-react-native/framework").Theme, object>;
-//# sourceMappingURL=Avatar.macos.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.macos.d.ts","sourceRoot":"","sources":["../src/Avatar.macos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElF,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,WAAW,GAAG,YAAY,GAAG;IACvC;;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,oBAAY,qBAAqB,GAAG,SAAS,GAAG,WAAW,CAAC;AAO5D,eAAO,MAAM,MAAM;;0EA4BjB,CAAC"}

package/lib/Avatar.macos.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-/** @jsx withSlots */
-import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
-import { NativeModules } from 'react-native';
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
-var avatarName = 'Avatar';
-var NativeAvatarView = ensureNativeComponent('FRNAvatarView');
-var ExportedNativeConstants = NativeModules.FRNAvatarViewManager;
-var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
-export var Avatar = compose({
-    displayName: avatarName,
-    tokens: [
-        {
-            size: 'small',
-            avatarStyle: 'default',
-        },
-        avatarName,
-    ],
-    tokensThatAreAlsoProps: tokensThatAreAlsoProps,
-    slots: { root: NativeAvatarView },
-    slotProps: {
-        root: buildProps(function (tokens) { return ({
-            size: tokens.size,
-            style: {
-                height: ExportedNativeConstants.sizes[tokens.size],
-                width: ExportedNativeConstants.sizes[tokens.size],
-            },
-        }); }, ['size']),
-    },
-    render: function (props, useSlots) {
-        var Root = useSlots(props).root;
-        return function (rest) { return withSlots(Root, __assign({}, mergeProps(props, rest))); };
-    },
-});
-//# sourceMappingURL=Avatar.macos.js.map

package/lib/Avatar.macos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.macos.js","sourceRoot":"","sources":["../src/Avatar.macos.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAkB,aAAa,EAAyB,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,IAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;AAYhE,IAAM,uBAAuB,GAAsB,aAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAA2B,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAS/E,MAAM,CAAC,IAAM,MAAM,GAAG,OAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAM,IAAK,OAAA,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,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,MAAM,EAAE,UAAC,KAAkB,EAAE,QAA8B;QACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAiB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IACtE,CAAC;CACF,CAAC,CAAC"}

package/lib/Avatar.styling.d.ts

@@ -1,4 +0,0 @@
-import { AvatarTokens, AvatarSlotProps, AvatarProps } from './Avatar.types';
-import { UseStylingOptions } from '@fluentui-react-native/framework';
-export declare const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, AvatarTokens>;
-//# sourceMappingURL=Avatar.styling.d.ts.map

package/lib/Avatar.styling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.styling.d.ts","sourceRoot":"","sources":["../src/Avatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAWxF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,WAAW,EAAE,eAAe,EAAE,YAAY,CAkJzF,CAAC"}

package/lib/Avatar.styling.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.styling.js","sourceRoot":"","sources":["../src/Avatar.styling.ts"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../src/Avatar.types.ts"],"names":[],"mappings":"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"}

package/lib/Avatar.types.js

@@ -1,2 +0,0 @@
-export var avatarName = 'Avatar';
-//# sourceMappingURL=Avatar.types.js.map

package/lib/Avatar.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.types.js","sourceRoot":"","sources":["../src/Avatar.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC"}

package/lib/AvatarTokens.d.ts

@@ -1,5 +0,0 @@
-import { Theme } from '@fluentui-react-native/framework';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { AvatarTokens } from '.';
-export declare const defaultAvatarTokens: TokenSettings<AvatarTokens, Theme>;
-//# sourceMappingURL=AvatarTokens.d.ts.map

package/lib/AvatarTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarTokens.d.ts","sourceRoot":"","sources":["../src/AvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAGjC,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,YAAY,EAAE,KAAK,CAO/C,CAAC"}