@fluentui/react-avatar 9.0.4 → 9.1.0

package/MIGRATION-AvatarGroup.md

@@ -1,35 +0,0 @@
-# AvatarGroup Migration
-
-## Migration from v0
-
-`v0` does not have a component similar to `AvatarGroup`.
-
-## Migration from v8
-
-AvatarGroup and Facepile have similar APIs, but the main difference is how they interact with AvatarGroupItem/Persona. AvatarGroup receives AvatarGroupItems as children and places them in their respective place, this means AvatarGroup has no control over AvatarGroupItem. `size` is the only property of AvatarGroupItem that is modified by AvatarGroup to make all AvatarGroupItems the same size. Face adding functionality is not supported.
-
-Avatars must not be used inside an AvatarGroup, instead AvatarGroupItems are used since it has extra functionality used only in AvatarGroups. This includes adding a label when the AvatarGroupItem is rendered in the overflow Popover and specific styling for each layout.
-
-AvatarGroup has extra functionality that Facepile does not have, this includes:
- - When the AvatarGroupItems are overflowing, a Popover is rendered that contains all the overflowed AvatarGroupItems. The Popover is triggered when the overflow button is clicked.
- - AvatarGroup supports three layouts: `spread` (default), `stack`, and `pie`.
-
-## Property mapping
-
-| v8 `Facepile`            | v9 `AvatarGroup`                                         |
-| ------------------------ | -------------------------------------------------------- |
-| `personas`               | `children`                                               |
-| `addButtonProps`         | -                                                        |
-| `className`              | `className`                                              |
-| `getPersonaProps`        | `AvatarGroupItem`'s props                                |
-| `maxDisplayablePersonas` | `maxAvatars`                                             |
-| `onRenderPersona`        | Render function for the AvatarGroupItem                  |
-| `onRenderPersonaCoin`    | Render function for the `avatar` slot in AvatarGroupItem |
-| `onRenderPersonaWrapper` | -                                                        |
-| `overflowButtonProps`    | `overflowButton` slot props                              |
-| `overflowButtonType`     | `overflowIndicator`                                      |
-| `overflowPersonas`       | -                                                        |
-| `personaSize`            | `size`                                                   |
-| `showAddButton`          | -                                                        |
-| `showTooltip`            | -                                                        |
-| `styles`                 | (theme)                                                  |

package/dist/tsdoc-metadata.json

@@ -1,11 +0,0 @@
-// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
-// It should be published with your NPM package.  It should not be tracked by Git.
-{
-  "tsdocVersion": "0.12",
-  "toolPackages": [
-    {
-      "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.18.1"
-    }
-  ]
-}

package/lib/AvatarGroupOverflow.js

@@ -1,2 +0,0 @@
-export * from './components/AvatarGroupOverflow/index';
-//# sourceMappingURL=AvatarGroupOverflow.js.map

package/lib/AvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupOverflow.js","sourceRoot":"../src/","sources":["AvatarGroupOverflow.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC","sourcesContent":["export * from './components/AvatarGroupOverflow/index';\n"]}

package/lib/components/AvatarGroupOverflow/AvatarGroupOverflow.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { useAvatarGroupOverflow_unstable } from './useAvatarGroupOverflow';
-import { renderAvatarGroupOverflow_unstable } from './renderAvatarGroupOverflow';
-import { useAvatarGroupOverflowStyles_unstable } from './useAvatarGroupOverflowStyles';
-/**
- * AvatarGroupOverflow component - TODO: add more docs
- */
-
-export const AvatarGroupOverflow = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAvatarGroupOverflow_unstable(props, ref);
-  useAvatarGroupOverflowStyles_unstable(state);
-  return renderAvatarGroupOverflow_unstable(state);
-});
-AvatarGroupOverflow.displayName = 'AvatarGroupOverflow';
-//# sourceMappingURL=AvatarGroupOverflow.js.map

package/lib/components/AvatarGroupOverflow/AvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,+BAAT,QAAgD,0BAAhD;AACA,SAAS,kCAAT,QAAmD,6BAAnD;AACA,SAAS,qCAAT,QAAsD,gCAAtD;AAIA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,gBAAkD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChH,MAAM,KAAK,GAAG,+BAA+B,CAAC,KAAD,EAAQ,GAAR,CAA7C;EAEA,qCAAqC,CAAC,KAAD,CAArC;EACA,OAAO,kCAAkC,CAAC,KAAD,CAAzC;AACD,CALiF,CAA3E;AAOP,mBAAmB,CAAC,WAApB,GAAkC,qBAAlC","sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupOverflow_unstable } from './useAvatarGroupOverflow';\nimport { renderAvatarGroupOverflow_unstable } from './renderAvatarGroupOverflow';\nimport { useAvatarGroupOverflowStyles_unstable } from './useAvatarGroupOverflowStyles';\nimport type { AvatarGroupOverflowProps } from './AvatarGroupOverflow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * AvatarGroupOverflow component - TODO: add more docs\n */\nexport const AvatarGroupOverflow: ForwardRefComponent<AvatarGroupOverflowProps> = React.forwardRef((props, ref) => {\n  const state = useAvatarGroupOverflow_unstable(props, ref);\n\n  useAvatarGroupOverflowStyles_unstable(state);\n  return renderAvatarGroupOverflow_unstable(state);\n});\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"],"sourceRoot":"../src/"}

package/lib/components/AvatarGroupOverflow/AvatarGroupOverflow.types.js

@@ -1,2 +0,0 @@
-export {}; // & Required<Pick<AvatarGroupOverflowProps, 'propName'>>
-//# sourceMappingURL=AvatarGroupOverflow.types.js.map

package/lib/components/AvatarGroupOverflow/AvatarGroupOverflow.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/AvatarGroupOverflow.types.ts"],"names":[],"mappings":"WAeA","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupOverflowSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * AvatarGroupOverflow Props\n */\nexport type AvatarGroupOverflowProps = ComponentProps<AvatarGroupOverflowSlots> & {};\n\n/**\n * State used in rendering AvatarGroupOverflow\n */\nexport type AvatarGroupOverflowState = ComponentState<AvatarGroupOverflowSlots>;\n// & Required<Pick<AvatarGroupOverflowProps, 'propName'>>\n"],"sourceRoot":"../src/"}

package/lib/components/AvatarGroupOverflow/index.js

@@ -1,6 +0,0 @@
-export * from './AvatarGroupOverflow';
-export * from './AvatarGroupOverflow.types';
-export * from './renderAvatarGroupOverflow';
-export * from './useAvatarGroupOverflow';
-export * from './useAvatarGroupOverflowStyles';
-//# sourceMappingURL=index.js.map

package/lib/components/AvatarGroupOverflow/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AvatarGroupOverflow/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './AvatarGroupOverflow';\nexport * from './AvatarGroupOverflow.types';\nexport * from './renderAvatarGroupOverflow';\nexport * from './useAvatarGroupOverflow';\nexport * from './useAvatarGroupOverflowStyles';\n"]}

package/lib/components/AvatarGroupOverflow/renderAvatarGroupOverflow.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
-/**
- * Render the final JSX of AvatarGroupOverflow
- */
-
-export const renderAvatarGroupOverflow_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlots(state); // TODO Add additional slots in the appropriate place
-
-  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
-  });
-};
-//# sourceMappingURL=renderAvatarGroupOverflow.js.map

package/lib/components/AvatarGroupOverflow/renderAvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/renderAvatarGroupOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,kCAAkC,GAAI,KAAD,IAAoC;EACpF,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,QAAQ,CAA2B,KAA3B,CAArC,CADoF,CAGpF;;EACA,oBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CAAP;AACD,CALM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AvatarGroupOverflowState, AvatarGroupOverflowSlots } from './AvatarGroupOverflow.types';\n\n/**\n * Render the final JSX of AvatarGroupOverflow\n */\nexport const renderAvatarGroupOverflow_unstable = (state: AvatarGroupOverflowState) => {\n  const { slots, slotProps } = getSlots<AvatarGroupOverflowSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AvatarGroupOverflow/useAvatarGroupOverflow.js

@@ -1,27 +0,0 @@
-import { getNativeElementProps } from '@fluentui/react-utilities';
-/**
- * Create the state required to render AvatarGroupOverflow.
- *
- * The returned state can be modified with hooks such as useAvatarGroupOverflowStyles_unstable,
- * before being passed to renderAvatarGroupOverflow_unstable.
- *
- * @param props - props from this instance of AvatarGroupOverflow
- * @param ref - reference to root HTMLElement of AvatarGroupOverflow
- */
-
-export const useAvatarGroupOverflow_unstable = (props, ref) => {
-  return {
-    // TODO add appropriate props/defaults
-    components: {
-      // TODO add each slot's element type or component
-      root: 'div'
-    },
-    // TODO add appropriate slots, for example:
-    // mySlot: resolveShorthand(props.mySlot),
-    root: getNativeElementProps('div', {
-      ref,
-      ...props
-    })
-  };
-};
-//# sourceMappingURL=useAvatarGroupOverflow.js.map

package/lib/components/AvatarGroupOverflow/useAvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/useAvatarGroupOverflow.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,+BAA+B,GAAG,CAC7C,KAD6C,EAE7C,GAF6C,KAGjB;EAC5B,OAAO;IACL;IACA,UAAU,EAAE;MACV;MACA,IAAI,EAAE;IAFI,CAFP;IAML;IACA;IACA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;MACjC,GADiC;MAEjC,GAAG;IAF8B,CAAR;EARtB,CAAP;AAaD,CAjBM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { AvatarGroupOverflowProps, AvatarGroupOverflowState } from './AvatarGroupOverflow.types';\n\n/**\n * Create the state required to render AvatarGroupOverflow.\n *\n * The returned state can be modified with hooks such as useAvatarGroupOverflowStyles_unstable,\n * before being passed to renderAvatarGroupOverflow_unstable.\n *\n * @param props - props from this instance of AvatarGroupOverflow\n * @param ref - reference to root HTMLElement of AvatarGroupOverflow\n */\nexport const useAvatarGroupOverflow_unstable = (\n  props: AvatarGroupOverflowProps,\n  ref: React.Ref<HTMLElement>,\n): AvatarGroupOverflowState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.js

@@ -1,27 +0,0 @@
-import { __styles, mergeClasses } from '@griffel/react';
-export const avatarGroupOverflowClassName = 'fui-AvatarGroupOverflow';
-export const avatarGroupOverflowClassNames = {
-  root: 'fui-AvatarGroupOverflow' // TODO: add class names for all slots on AvatarGroupOverflowSlots.
-  // Should be of the form `<slotName>: 'fui-AvatarGroupOverflow__<slotName>`
-
-};
-/**
- * Styles for the root slot
- */
-
-const useStyles = /*#__PURE__*/__styles({
-  "root": {}
-}, {});
-/**
- * Apply styling to the AvatarGroupOverflow slots based on the state
- */
-
-
-export const useAvatarGroupOverflowStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(avatarGroupOverflowClassName, styles.root, state.root.className); // TODO Add class names to slots, for example:
-  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-
-  return state;
-};
-//# sourceMappingURL=useAvatarGroupOverflowStyles.js.map

package/lib/components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AAIA,OAAO,MAAM,4BAA4B,GAAG,yBAArC;AACP,OAAO,MAAM,6BAA6B,GAA6C;EACrF,IAAI,EAAE,yBAD+E,CAErF;EACA;;AAHqF,CAAhF;AAMP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;AAAA,MAAlB;AAQA;;AAEG;;;AACH,OAAO,MAAM,qCAAqC,GAAI,KAAD,IAA8D;EACjH,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,4BAAD,EAA+B,MAAM,CAAC,IAAtC,EAA4C,KAAK,CAAC,IAAN,CAAW,SAAvD,CAAnC,CAFiH,CAIjH;EACA;;EAEA,OAAO,KAAP;AACD,CARM","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AvatarGroupOverflowSlots, AvatarGroupOverflowState } from './AvatarGroupOverflow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupOverflowClassName = 'fui-AvatarGroupOverflow';\nexport const avatarGroupOverflowClassNames: SlotClassNames<AvatarGroupOverflowSlots> = {\n  root: 'fui-AvatarGroupOverflow',\n  // TODO: add class names for all slots on AvatarGroupOverflowSlots.\n  // Should be of the form `<slotName>: 'fui-AvatarGroupOverflow__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    // TODO Add default styles for the root element\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the AvatarGroupOverflow slots based on the state\n */\nexport const useAvatarGroupOverflowStyles_unstable = (state: AvatarGroupOverflowState): AvatarGroupOverflowState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(avatarGroupOverflowClassName, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/contexts/AvatarGroupContext.types.js

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

package/lib/contexts/AvatarGroupContext.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupContext.types.js","sourceRoot":"../src/","sources":["contexts/AvatarGroupContext.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarGroupProps } from '../AvatarGroup';\n\nexport type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' | 'layout'> & {\n  isOverflow?: boolean;\n  nonOverflowAvatarsCount?: number;\n};\n"]}

package/lib-commonjs/AvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["AvatarGroupOverflow.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/AvatarGroupOverflow/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/AvatarGroupOverflow.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AvatarGroupOverflow = void 0;
-
-const React = /*#__PURE__*/require("react");
-
-const useAvatarGroupOverflow_1 = /*#__PURE__*/require("./useAvatarGroupOverflow");
-
-const renderAvatarGroupOverflow_1 = /*#__PURE__*/require("./renderAvatarGroupOverflow");
-
-const useAvatarGroupOverflowStyles_1 = /*#__PURE__*/require("./useAvatarGroupOverflowStyles");
-/**
- * AvatarGroupOverflow component - TODO: add more docs
- */
-
-
-exports.AvatarGroupOverflow = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAvatarGroupOverflow_1.useAvatarGroupOverflow_unstable(props, ref);
-  useAvatarGroupOverflowStyles_1.useAvatarGroupOverflowStyles_unstable(state);
-  return renderAvatarGroupOverflow_1.renderAvatarGroupOverflow_unstable(state);
-});
-exports.AvatarGroupOverflow.displayName = 'AvatarGroupOverflow';
-//# sourceMappingURL=AvatarGroupOverflow.js.map

package/lib-commonjs/components/AvatarGroupOverflow/AvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/AvatarGroupOverflow.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,8BAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,mBAAA,gBAAqE,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChH,MAAM,KAAK,GAAG,wBAAA,CAAA,+BAAA,CAAgC,KAAhC,EAAuC,GAAvC,CAAd;EAEA,8BAAA,CAAA,qCAAA,CAAsC,KAAtC;EACA,OAAO,2BAAA,CAAA,kCAAA,CAAmC,KAAnC,CAAP;AACD,CALiF,CAArE;AAOb,OAAA,CAAA,mBAAA,CAAoB,WAApB,GAAkC,qBAAlC","sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupOverflow_unstable } from './useAvatarGroupOverflow';\nimport { renderAvatarGroupOverflow_unstable } from './renderAvatarGroupOverflow';\nimport { useAvatarGroupOverflowStyles_unstable } from './useAvatarGroupOverflowStyles';\nimport type { AvatarGroupOverflowProps } from './AvatarGroupOverflow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * AvatarGroupOverflow component - TODO: add more docs\n */\nexport const AvatarGroupOverflow: ForwardRefComponent<AvatarGroupOverflowProps> = React.forwardRef((props, ref) => {\n  const state = useAvatarGroupOverflow_unstable(props, ref);\n\n  useAvatarGroupOverflowStyles_unstable(state);\n  return renderAvatarGroupOverflow_unstable(state);\n});\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/AvatarGroupOverflow.types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-}); // & Required<Pick<AvatarGroupOverflowProps, 'propName'>>
-//# sourceMappingURL=AvatarGroupOverflow.types.js.map

package/lib-commonjs/components/AvatarGroupOverflow/AvatarGroupOverflow.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/AvatarGroupOverflow.types.ts"],"names":[],"mappings":";;;;IAeA","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupOverflowSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * AvatarGroupOverflow Props\n */\nexport type AvatarGroupOverflowProps = ComponentProps<AvatarGroupOverflowSlots> & {};\n\n/**\n * State used in rendering AvatarGroupOverflow\n */\nexport type AvatarGroupOverflowState = ComponentState<AvatarGroupOverflowSlots>;\n// & Required<Pick<AvatarGroupOverflowProps, 'propName'>>\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-const tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./AvatarGroupOverflow"), exports);
-
-tslib_1.__exportStar(require("./AvatarGroupOverflow.types"), exports);
-
-tslib_1.__exportStar(require("./renderAvatarGroupOverflow"), exports);
-
-tslib_1.__exportStar(require("./useAvatarGroupOverflow"), exports);
-
-tslib_1.__exportStar(require("./useAvatarGroupOverflowStyles"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/components/AvatarGroupOverflow/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './AvatarGroupOverflow';\nexport * from './AvatarGroupOverflow.types';\nexport * from './renderAvatarGroupOverflow';\nexport * from './useAvatarGroupOverflow';\nexport * from './useAvatarGroupOverflowStyles';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/renderAvatarGroupOverflow.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderAvatarGroupOverflow_unstable = void 0;
-
-const React = /*#__PURE__*/require("react");
-
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of AvatarGroupOverflow
- */
-
-
-const renderAvatarGroupOverflow_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state); // TODO Add additional slots in the appropriate place
-
-  return React.createElement(slots.root, { ...slotProps.root
-  });
-};
-
-exports.renderAvatarGroupOverflow_unstable = renderAvatarGroupOverflow_unstable;
-//# sourceMappingURL=renderAvatarGroupOverflow.js.map

package/lib-commonjs/components/AvatarGroupOverflow/renderAvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/renderAvatarGroupOverflow.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,kCAAkC,GAAI,KAAD,IAAoC;EACpF,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAmC,KAAnC,CAA7B,CADoF,CAGpF;;EACA,OAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CAAP;AACD,CALM;;AAAM,OAAA,CAAA,kCAAA,GAAkC,kCAAlC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AvatarGroupOverflowState, AvatarGroupOverflowSlots } from './AvatarGroupOverflow.types';\n\n/**\n * Render the final JSX of AvatarGroupOverflow\n */\nexport const renderAvatarGroupOverflow_unstable = (state: AvatarGroupOverflowState) => {\n  const { slots, slotProps } = getSlots<AvatarGroupOverflowSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/useAvatarGroupOverflow.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAvatarGroupOverflow_unstable = void 0;
-
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render AvatarGroupOverflow.
- *
- * The returned state can be modified with hooks such as useAvatarGroupOverflowStyles_unstable,
- * before being passed to renderAvatarGroupOverflow_unstable.
- *
- * @param props - props from this instance of AvatarGroupOverflow
- * @param ref - reference to root HTMLElement of AvatarGroupOverflow
- */
-
-
-const useAvatarGroupOverflow_unstable = (props, ref) => {
-  return {
-    // TODO add appropriate props/defaults
-    components: {
-      // TODO add each slot's element type or component
-      root: 'div'
-    },
-    // TODO add appropriate slots, for example:
-    // mySlot: resolveShorthand(props.mySlot),
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref,
-      ...props
-    })
-  };
-};
-
-exports.useAvatarGroupOverflow_unstable = useAvatarGroupOverflow_unstable;
-//# sourceMappingURL=useAvatarGroupOverflow.js.map

package/lib-commonjs/components/AvatarGroupOverflow/useAvatarGroupOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/useAvatarGroupOverflow.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,+BAA+B,GAAG,CAC7C,KAD6C,EAE7C,GAF6C,KAGjB;EAC5B,OAAO;IACL;IACA,UAAU,EAAE;MACV;MACA,IAAI,EAAE;IAFI,CAFP;IAML;IACA;IACA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,GAAG;IAF8B,CAA7B;EARD,CAAP;AAaD,CAjBM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { AvatarGroupOverflowProps, AvatarGroupOverflowState } from './AvatarGroupOverflow.types';\n\n/**\n * Create the state required to render AvatarGroupOverflow.\n *\n * The returned state can be modified with hooks such as useAvatarGroupOverflowStyles_unstable,\n * before being passed to renderAvatarGroupOverflow_unstable.\n *\n * @param props - props from this instance of AvatarGroupOverflow\n * @param ref - reference to root HTMLElement of AvatarGroupOverflow\n */\nexport const useAvatarGroupOverflow_unstable = (\n  props: AvatarGroupOverflowProps,\n  ref: React.Ref<HTMLElement>,\n): AvatarGroupOverflowState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAvatarGroupOverflowStyles_unstable = exports.avatarGroupOverflowClassNames = exports.avatarGroupOverflowClassName = void 0;
-
-const react_1 = /*#__PURE__*/require("@griffel/react");
-
-exports.avatarGroupOverflowClassName = 'fui-AvatarGroupOverflow';
-exports.avatarGroupOverflowClassNames = {
-  root: 'fui-AvatarGroupOverflow' // TODO: add class names for all slots on AvatarGroupOverflowSlots.
-  // Should be of the form `<slotName>: 'fui-AvatarGroupOverflow__<slotName>`
-
-};
-/**
- * Styles for the root slot
- */
-
-const useStyles = /*#__PURE__*/react_1.__styles({
-  "root": {}
-}, {});
-/**
- * Apply styling to the AvatarGroupOverflow slots based on the state
- */
-
-
-const useAvatarGroupOverflowStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.avatarGroupOverflowClassName, styles.root, state.root.className); // TODO Add class names to slots, for example:
-  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-
-  return state;
-};
-
-exports.useAvatarGroupOverflowStyles_unstable = useAvatarGroupOverflowStyles_unstable;
-//# sourceMappingURL=useAvatarGroupOverflowStyles.js.map

package/lib-commonjs/components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/AvatarGroupOverflow/useAvatarGroupOverflowStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAIa,OAAA,CAAA,4BAAA,GAA+B,yBAA/B;AACA,OAAA,CAAA,6BAAA,GAA0E;EACrF,IAAI,EAAE,yBAD+E,CAErF;EACA;;AAHqF,CAA1E;AAMb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;AAAA,MAAlB;AAQA;;AAEG;;;AACI,MAAM,qCAAqC,GAAI,KAAD,IAA8D;EACjH,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,4BAAb,EAA2C,MAAM,CAAC,IAAlD,EAAwD,KAAK,CAAC,IAAN,CAAW,SAAnE,CAAvB,CAFiH,CAIjH;EACA;;EAEA,OAAO,KAAP;AACD,CARM;;AAAM,OAAA,CAAA,qCAAA,GAAqC,qCAArC","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AvatarGroupOverflowSlots, AvatarGroupOverflowState } from './AvatarGroupOverflow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupOverflowClassName = 'fui-AvatarGroupOverflow';\nexport const avatarGroupOverflowClassNames: SlotClassNames<AvatarGroupOverflowSlots> = {\n  root: 'fui-AvatarGroupOverflow',\n  // TODO: add class names for all slots on AvatarGroupOverflowSlots.\n  // Should be of the form `<slotName>: 'fui-AvatarGroupOverflow__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    // TODO Add default styles for the root element\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the AvatarGroupOverflow slots based on the state\n */\nexport const useAvatarGroupOverflowStyles_unstable = (state: AvatarGroupOverflowState): AvatarGroupOverflowState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(avatarGroupOverflowClassName, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}