@fluentui/react-avatar 9.5.24 → 9.5.26

package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */ export const renderAvatarGroup_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(AvatarGroupProvider, {\n        value: contextValues.avatarGroup\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","assertSlots","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;oCACQ;AAGzB,MAAMA,6BAA6B,CAACC,OAAOC,gBAAgB;IAClEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,uCAAmB,EAAE;QACpDC,OAAOJ,cAAcK,WAAW;IACpC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAE,IAAI;AACnD"}
+{"version":3,"sources":["renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */ export const renderAvatarGroup_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(AvatarGroupProvider, {\n        value: contextValues.avatarGroup,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","assertSlots","_jsx","AvatarGroupProvider","value","avatarGroup","children","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;oCACQ;AAGzB,MAAMA,6BAA6B,CAACC,OAAOC;IAClDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,uCAAmB,EAAE;QAC3CC,OAAOJ,cAAcK,WAAW;QAChCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}

package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js

@@ -9,15 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useAvatarGroup_unstable: ()=>useAvatarGroup_unstable,
-    defaultAvatarGroupSize: ()=>defaultAvatarGroupSize
+    useAvatarGroup_unstable: function() {
+        return useAvatarGroup_unstable;
+    },
+    defaultAvatarGroupSize: function() {
+        return defaultAvatarGroupSize;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const useAvatarGroup_unstable = (props, ref)=>{
-    const { layout ='spread' , size =defaultAvatarGroupSize  } = props;
-    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+    const { layout = 'spread', size = defaultAvatarGroupSize } = props;
+    const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
         role: 'group',
         ...props,
         ref

package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render AvatarGroup.\n *\n * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,\n * before being passed to renderAvatarGroup_unstable.\n *\n * @param props - props from this instance of AvatarGroup\n * @param ref - reference to root HTMLElement of AvatarGroup\n */ export const useAvatarGroup_unstable = (props, ref)=>{\n    const { layout ='spread' , size =defaultAvatarGroupSize  } = props;\n    const root = slot.always(getNativeElementProps('div', {\n        role: 'group',\n        ...props,\n        ref\n    }, [\n        'size'\n    ]), {\n        elementType: 'div'\n    });\n    return {\n        layout,\n        size,\n        components: {\n            root: 'div'\n        },\n        root\n    };\n};\nexport const defaultAvatarGroupSize = 32;\n"],"names":["useAvatarGroup_unstable","defaultAvatarGroupSize","props","ref","layout","size","root","slot","always","getNativeElementProps","role","elementType","components"],"mappings":";;;;;;;;;;;IAUiBA,uBAAuB,MAAvBA;IAoBJC,sBAAsB,MAAtBA;;;6DA9BU;gCACqB;AASjC,MAAMD,0BAA0B,CAACE,OAAOC,MAAM;IACrD,MAAM,EAAEC,QAAQ,SAAQ,EAAGC,MAAMJ,uBAAsB,EAAG,GAAGC;IAC7D,MAAMI,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDC,MAAM;QACN,GAAGR,KAAK;QACRC;IACJ,GAAG;QACC;KACH,GAAG;QACAQ,aAAa;IACjB;IACA,OAAO;QACHP;QACAC;QACAO,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ;AACO,MAAML,yBAAyB"}
+{"version":3,"sources":["useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render AvatarGroup.\n *\n * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,\n * before being passed to renderAvatarGroup_unstable.\n *\n * @param props - props from this instance of AvatarGroup\n * @param ref - reference to root HTMLElement of AvatarGroup\n */ export const useAvatarGroup_unstable = (props, ref)=>{\n    const { layout = 'spread', size = defaultAvatarGroupSize } = props;\n    const root = slot.always(getNativeElementProps('div', {\n        role: 'group',\n        ...props,\n        ref\n    }, [\n        'size'\n    ]), {\n        elementType: 'div'\n    });\n    return {\n        layout,\n        size,\n        components: {\n            root: 'div'\n        },\n        root\n    };\n};\nexport const defaultAvatarGroupSize = 32;\n"],"names":["useAvatarGroup_unstable","defaultAvatarGroupSize","props","ref","layout","size","root","slot","always","getNativeElementProps","role","elementType","components"],"mappings":";;;;;;;;;;;IAUiBA,uBAAuB;eAAvBA;;IAoBJC,sBAAsB;eAAtBA;;;;iEA9BU;gCACqB;AASjC,MAAMD,0BAA0B,CAACE,OAAOC;IAC/C,MAAM,EAAEC,SAAS,QAAQ,EAAEC,OAAOJ,sBAAsB,EAAE,GAAGC;IAC7D,MAAMI,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDC,MAAM;QACN,GAAGR,KAAK;QACRC;IACJ,GAAG;QACC;KACH,GAAG;QACAQ,aAAa;IACjB;IACA,OAAO;QACHP;QACAC;QACAO,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ;AACO,MAAML,yBAAyB"}

package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useAvatarGroupContextValues", {
     enumerable: true,
-    get: ()=>useAvatarGroupContextValues
+    get: function() {
+        return useAvatarGroupContextValues;
+    }
 });
 const useAvatarGroupContextValues = (state)=>{
-    const { layout , size  } = state;
+    const { layout, size } = state;
     const avatarGroup = {
         layout,
         size

package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarGroupContextValues.js"],"sourcesContent":["export const useAvatarGroupContextValues = (state)=>{\n    const { layout , size  } = state;\n    const avatarGroup = {\n        layout,\n        size\n    };\n    return {\n        avatarGroup\n    };\n};\n"],"names":["useAvatarGroupContextValues","state","layout","size","avatarGroup"],"mappings":";;;;+BAAaA;;aAAAA;;AAAN,MAAMA,8BAA8B,CAACC,QAAQ;IAChD,MAAM,EAAEC,OAAM,EAAGC,KAAI,EAAG,GAAGF;IAC3B,MAAMG,cAAc;QAChBF;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useAvatarGroupContextValues.js"],"sourcesContent":["export const useAvatarGroupContextValues = (state)=>{\n    const { layout, size } = state;\n    const avatarGroup = {\n        layout,\n        size\n    };\n    return {\n        avatarGroup\n    };\n};\n"],"names":["useAvatarGroupContextValues","state","layout","size","avatarGroup"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,8BAA8B,CAACC;IACxC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACzB,MAAMG,cAAc;QAChBF;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js

@@ -9,17 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    avatarGroupClassNames: ()=>avatarGroupClassNames,
-    useAvatarGroupStyles_unstable: ()=>useAvatarGroupStyles_unstable
+    avatarGroupClassNames: function() {
+        return avatarGroupClassNames;
+    },
+    useAvatarGroupStyles_unstable: function() {
+        return useAvatarGroupStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _useAvatarStylesStyles = require("../Avatar/useAvatarStyles.styles");
+const _useAvatarStylesstyles = require("../Avatar/useAvatarStyles.styles");
 const avatarGroupClassNames = {
     root: 'fui-AvatarGroup'
 };
 /**
  * Styles for the root slot.
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         mc9l5x: "ftuwxu6",
         qhf8xq: "f10pi13n"
@@ -46,9 +50,9 @@ const avatarGroupClassNames = {
     ]
 });
 const useAvatarGroupStyles_unstable = (state)=>{
-    const { layout , size  } = state;
+    const { layout, size } = state;
     const styles = useStyles();
-    const sizeStyles = (0, _useAvatarStylesStyles.useSizeStyles)();
+    const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
     state.root.className = (0, _react.mergeClasses)(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);
     return state;
 }; //# sourceMappingURL=useAvatarGroupStyles.styles.js.map

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n  root: 'fui-AvatarGroup'\n};\n/**\n * Styles for the root slot.\n */\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\",\n    qhf8xq: \"f10pi13n\"\n  },\n  pie: {\n    Bgl5zvf: \"f1uz6ud1\",\n    De3pzq: \"f1ganh6p\",\n    Bsw6fvg: \"fe2ae1k\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n  m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n  const {\n    layout,\n    size\n  } = state;\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n  state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.styles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB,MAArBA;IAyBAC,6BAA6B,MAA7BA;;uBA5B0B;uCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAAiC;QAAqC;KAA6D;IACzKC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA,QAAS;IACpD,MAAM,EACJC,OAAM,EACNC,KAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,uDAAuD"}
+{"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n  root: 'fui-AvatarGroup'\n};\n/**\n * Styles for the root slot.\n */\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\",\n    qhf8xq: \"f10pi13n\"\n  },\n  pie: {\n    Bgl5zvf: \"f1uz6ud1\",\n    De3pzq: \"f1ganh6p\",\n    Bsw6fvg: \"fe2ae1k\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n  m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n  const {\n    layout,\n    size\n  } = state;\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n  state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.styles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB;eAArBA;;IAyBAC,6BAA6B;eAA7BA;;;uBA5B0B;uCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAAiC;QAAqC;KAA6D;IACzKC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA;IAC3C,MAAM,EACJC,MAAM,EACNC,IAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,uDAAuD"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AvatarGroupItem", {
     enumerable: true,
-    get: ()=>AvatarGroupItem
+    get: function() {
+        return AvatarGroupItem;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderAvatarGroupItem = require("./renderAvatarGroupItem");
 const _useAvatarGroupItem = require("./useAvatarGroupItem");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useAvatarGroupItemStylesStyles = require("./useAvatarGroupItemStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useAvatarGroupItemStylesstyles = require("./useAvatarGroupItemStyles.styles");
 const AvatarGroupItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAvatarGroupItem.useAvatarGroupItem_unstable)(props, ref);
-    (0, _useAvatarGroupItemStylesStyles.useAvatarGroupItemStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupItemStyles_unstable')(state);
+    (0, _useAvatarGroupItemStylesstyles.useAvatarGroupItemStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAvatarGroupItemStyles_unstable')(state);
     return (0, _renderAvatarGroupItem.renderAvatarGroupItem_unstable)(state);
 });
 AvatarGroupItem.displayName = 'AvatarGroupItem';

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles';\n/**\n * The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n */ export const AvatarGroupItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAvatarGroupItem_unstable(props, ref);\n    useAvatarGroupItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);\n    return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;uCACwB;oCACH;qCACA;gDACM;AAIvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC5E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles';\n/**\n * The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n */ export const AvatarGroupItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAvatarGroupItem_unstable(props, ref);\n    useAvatarGroupItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);\n    return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;uCACwB;oCACH;qCACA;gDACM;AAIvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./AvatarGroupItem"), exports);
-_exportStar(require("./AvatarGroupItem.types"), exports);
-_exportStar(require("./renderAvatarGroupItem"), exports);
-_exportStar(require("./useAvatarGroupItem"), exports);
-_exportStar(require("./useAvatarGroupItemStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AvatarGroupItem"), exports);
+_export_star._(require("./AvatarGroupItem.types"), exports);
+_export_star._(require("./renderAvatarGroupItem"), exports);
+_export_star._(require("./useAvatarGroupItem"), exports);
+_export_star._(require("./useAvatarGroupItemStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js

@@ -1,14 +1,21 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderAvatarGroupItem_unstable", {
     enumerable: true,
-    get: ()=>renderAvatarGroupItem_unstable
+    get: function() {
+        return renderAvatarGroupItem_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderAvatarGroupItem_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.avatar, null), state.isOverflowItem && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.overflowLabel, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.avatar, {}),
+            state.isOverflowItem && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.overflowLabel, {})
+        ]
+    });
 };

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */ export const renderAvatarGroupItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.avatar, null), state.isOverflowItem && /*#__PURE__*/ createElement(state.overflowLabel, null));\n};\n"],"names":["renderAvatarGroupItem_unstable","state","assertSlots","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,iCAAiC,CAACC,QAAQ;IACvDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACF,MAAMI,MAAM,EAAE,IAAI,GAAGJ,MAAMK,cAAc,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMM,aAAa,EAAE,IAAI;AACvL"}
+{"version":3,"sources":["renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */ export const renderAvatarGroupItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            /*#__PURE__*/ _jsx(state.avatar, {}),\n            state.isOverflowItem && /*#__PURE__*/ _jsx(state.overflowLabel, {})\n        ]\n    });\n};\n"],"names":["renderAvatarGroupItem_unstable","state","assertSlots","_jsxs","root","children","_jsx","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,MAAM,EAAE,CAAC;YAClCN,MAAMO,cAAc,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMQ,aAAa,EAAE,CAAC;SACpE;IACL;AACJ"}

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js

@@ -4,23 +4,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useAvatarGroupItem_unstable", {
     enumerable: true,
-    get: ()=>useAvatarGroupItem_unstable
+    get: function() {
+        return useAvatarGroupItem_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _avatar = require("../Avatar/Avatar");
-const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _Avatar = require("../Avatar/Avatar");
+const _AvatarGroupContext = require("../../contexts/AvatarGroupContext");
 const _useAvatarGroup = require("../AvatarGroup/useAvatarGroup");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactContextSelector = require("@fluentui/react-context-selector");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactcontextselector = require("@fluentui/react-context-selector");
 const useAvatarGroupItem_unstable = (props, ref)=>{
-    const groupIsOverflow = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.isOverflow);
-    const groupSize = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.size);
-    const layout = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.layout);
+    const groupIsOverflow = (0, _AvatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.isOverflow);
+    const groupSize = (0, _AvatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.size);
+    const layout = (0, _AvatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.layout);
     // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.
-    const { style , className , ...avatarSlotProps } = props;
+    const { style, className, ...avatarSlotProps } = props;
     const size = groupSize !== null && groupSize !== void 0 ? groupSize : _useAvatarGroup.defaultAvatarGroupSize;
-    const hasAvatarGroupContext = (0, _reactContextSelector.useHasParentContext)(_avatarGroupContext.AvatarGroupContext);
+    const hasAvatarGroupContext = (0, _reactcontextselector.useHasParentContext)(_AvatarGroupContext.AvatarGroupContext);
     if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {
         // eslint-disable-next-line no-console
         console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');
@@ -31,26 +33,26 @@ const useAvatarGroupItem_unstable = (props, ref)=>{
         size,
         components: {
             root: groupIsOverflow ? 'li' : 'div',
-            avatar: _avatar.Avatar,
+            avatar: _Avatar.Avatar,
             overflowLabel: 'span'
         },
-        root: _reactUtilities.slot.always(props.root, {
+        root: _reactutilities.slot.always(props.root, {
             defaultProps: {
                 style,
                 className
             },
             elementType: groupIsOverflow ? 'li' : 'div'
         }),
-        avatar: _reactUtilities.slot.always(props.avatar, {
+        avatar: _reactutilities.slot.always(props.avatar, {
             defaultProps: {
                 ref,
                 size,
                 color: 'colorful',
                 ...avatarSlotProps
             },
-            elementType: _avatar.Avatar
+            elementType: _Avatar.Avatar
         }),
-        overflowLabel: _reactUtilities.slot.always(props.overflowLabel, {
+        overflowLabel: _reactutilities.slot.always(props.overflowLabel, {
             defaultProps: {
                 // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.
                 'aria-hidden': true,

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '../Avatar/Avatar';\nimport { AvatarGroupContext, useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { slot } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\n/**\n * Create the state required to render AvatarGroupItem.\n *\n * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,\n * before being passed to renderAvatarGroupItem_unstable.\n *\n * @param props - props from this instance of AvatarGroupItem\n * @param ref - reference to root HTMLElement of AvatarGroupItem\n */ export const useAvatarGroupItem_unstable = (props, ref)=>{\n    const groupIsOverflow = useAvatarGroupContext_unstable((ctx)=>ctx.isOverflow);\n    const groupSize = useAvatarGroupContext_unstable((ctx)=>ctx.size);\n    const layout = useAvatarGroupContext_unstable((ctx)=>ctx.layout);\n    // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.\n    const { style , className , ...avatarSlotProps } = props;\n    const size = groupSize !== null && groupSize !== void 0 ? groupSize : defaultAvatarGroupSize;\n    const hasAvatarGroupContext = useHasParentContext(AvatarGroupContext);\n    if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {\n        // eslint-disable-next-line no-console\n        console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');\n    }\n    return {\n        isOverflowItem: groupIsOverflow,\n        layout,\n        size,\n        components: {\n            root: groupIsOverflow ? 'li' : 'div',\n            avatar: Avatar,\n            overflowLabel: 'span'\n        },\n        root: slot.always(props.root, {\n            defaultProps: {\n                style,\n                className\n            },\n            elementType: groupIsOverflow ? 'li' : 'div'\n        }),\n        avatar: slot.always(props.avatar, {\n            defaultProps: {\n                ref,\n                size,\n                color: 'colorful',\n                ...avatarSlotProps\n            },\n            elementType: Avatar\n        }),\n        overflowLabel: slot.always(props.overflowLabel, {\n            defaultProps: {\n                // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.\n                'aria-hidden': true,\n                children: props.name\n            },\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useAvatarGroupItem_unstable","props","ref","groupIsOverflow","useAvatarGroupContext_unstable","ctx","isOverflow","groupSize","size","layout","style","className","avatarSlotProps","defaultAvatarGroupSize","hasAvatarGroupContext","useHasParentContext","AvatarGroupContext","process","env","NODE_ENV","console","warn","isOverflowItem","components","root","avatar","Avatar","overflowLabel","slot","always","defaultProps","elementType","color","children","name"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;wBACA;oCAC4C;gCAC5B;gCAClB;sCACe;AASzB,MAAMA,8BAA8B,CAACC,OAAOC,MAAM;IACzD,MAAMC,kBAAkBC,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIC,UAAU;IAC5E,MAAMC,YAAYH,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIG,IAAI;IAChE,MAAMC,SAASL,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAII,MAAM;IAC/D,qGAAqG;IACrG,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,iBAAiB,GAAGX;IACnD,MAAMO,OAAOD,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAIA,YAAYM,sCAAsB;IAC5F,MAAMC,wBAAwBC,IAAAA,yCAAmB,EAACC,sCAAkB;IACpE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgB,CAACL,uBAAuB;QACjE,sCAAsC;QACtCM,QAAQC,IAAI,CAAC;IACjB,CAAC;IACD,OAAO;QACHC,gBAAgBnB;QAChBM;QACAD;QACAe,YAAY;YACRC,MAAMrB,kBAAkB,OAAO,KAAK;YACpCsB,QAAQC,cAAM;YACdC,eAAe;QACnB;QACAH,MAAMI,oBAAI,CAACC,MAAM,CAAC5B,MAAMuB,IAAI,EAAE;YAC1BM,cAAc;gBACVpB;gBACAC;YACJ;YACAoB,aAAa5B,kBAAkB,OAAO,KAAK;QAC/C;QACAsB,QAAQG,oBAAI,CAACC,MAAM,CAAC5B,MAAMwB,MAAM,EAAE;YAC9BK,cAAc;gBACV5B;gBACAM;gBACAwB,OAAO;gBACP,GAAGpB,eAAe;YACtB;YACAmB,aAAaL,cAAM;QACvB;QACAC,eAAeC,oBAAI,CAACC,MAAM,CAAC5B,MAAM0B,aAAa,EAAE;YAC5CG,cAAc;gBACV,kGAAkG;gBAClG,eAAe,IAAI;gBACnBG,UAAUhC,MAAMiC,IAAI;YACxB;YACAH,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useAvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '../Avatar/Avatar';\nimport { AvatarGroupContext, useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { slot } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\n/**\n * Create the state required to render AvatarGroupItem.\n *\n * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,\n * before being passed to renderAvatarGroupItem_unstable.\n *\n * @param props - props from this instance of AvatarGroupItem\n * @param ref - reference to root HTMLElement of AvatarGroupItem\n */ export const useAvatarGroupItem_unstable = (props, ref)=>{\n    const groupIsOverflow = useAvatarGroupContext_unstable((ctx)=>ctx.isOverflow);\n    const groupSize = useAvatarGroupContext_unstable((ctx)=>ctx.size);\n    const layout = useAvatarGroupContext_unstable((ctx)=>ctx.layout);\n    // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.\n    const { style, className, ...avatarSlotProps } = props;\n    const size = groupSize !== null && groupSize !== void 0 ? groupSize : defaultAvatarGroupSize;\n    const hasAvatarGroupContext = useHasParentContext(AvatarGroupContext);\n    if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {\n        // eslint-disable-next-line no-console\n        console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');\n    }\n    return {\n        isOverflowItem: groupIsOverflow,\n        layout,\n        size,\n        components: {\n            root: groupIsOverflow ? 'li' : 'div',\n            avatar: Avatar,\n            overflowLabel: 'span'\n        },\n        root: slot.always(props.root, {\n            defaultProps: {\n                style,\n                className\n            },\n            elementType: groupIsOverflow ? 'li' : 'div'\n        }),\n        avatar: slot.always(props.avatar, {\n            defaultProps: {\n                ref,\n                size,\n                color: 'colorful',\n                ...avatarSlotProps\n            },\n            elementType: Avatar\n        }),\n        overflowLabel: slot.always(props.overflowLabel, {\n            defaultProps: {\n                // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.\n                'aria-hidden': true,\n                children: props.name\n            },\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useAvatarGroupItem_unstable","props","ref","groupIsOverflow","useAvatarGroupContext_unstable","ctx","isOverflow","groupSize","size","layout","style","className","avatarSlotProps","defaultAvatarGroupSize","hasAvatarGroupContext","useHasParentContext","AvatarGroupContext","process","env","NODE_ENV","console","warn","isOverflowItem","components","root","avatar","Avatar","overflowLabel","slot","always","defaultProps","elementType","color","children","name"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;wBACA;oCAC4C;gCAC5B;gCAClB;sCACe;AASzB,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAMC,kBAAkBC,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIC,UAAU;IAC5E,MAAMC,YAAYH,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIG,IAAI;IAChE,MAAMC,SAASL,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAII,MAAM;IAC/D,qGAAqG;IACrG,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,iBAAiB,GAAGX;IACjD,MAAMO,OAAOD,cAAc,QAAQA,cAAc,KAAK,IAAIA,YAAYM,sCAAsB;IAC5F,MAAMC,wBAAwBC,IAAAA,yCAAmB,EAACC,sCAAkB;IACpE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgB,CAACL,uBAAuB;QACjE,sCAAsC;QACtCM,QAAQC,IAAI,CAAC;IACjB;IACA,OAAO;QACHC,gBAAgBnB;QAChBM;QACAD;QACAe,YAAY;YACRC,MAAMrB,kBAAkB,OAAO;YAC/BsB,QAAQC,cAAM;YACdC,eAAe;QACnB;QACAH,MAAMI,oBAAI,CAACC,MAAM,CAAC5B,MAAMuB,IAAI,EAAE;YAC1BM,cAAc;gBACVpB;gBACAC;YACJ;YACAoB,aAAa5B,kBAAkB,OAAO;QAC1C;QACAsB,QAAQG,oBAAI,CAACC,MAAM,CAAC5B,MAAMwB,MAAM,EAAE;YAC9BK,cAAc;gBACV5B;gBACAM;gBACAwB,OAAO;gBACP,GAAGpB,eAAe;YACtB;YACAmB,aAAaL,cAAM;QACvB;QACAC,eAAeC,oBAAI,CAACC,MAAM,CAAC5B,MAAM0B,aAAa,EAAE;YAC5CG,cAAc;gBACV,kGAAkG;gBAClG,eAAe;gBACfG,UAAUhC,MAAMiC,IAAI;YACxB;YACAH,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js

@@ -9,13 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    avatarGroupItemClassNames: ()=>avatarGroupItemClassNames,
-    useAvatarGroupItemStyles_unstable: ()=>useAvatarGroupItemStyles_unstable,
-    useGroupChildClassName: ()=>useGroupChildClassName
+    avatarGroupItemClassNames: function() {
+        return avatarGroupItemClassNames;
+    },
+    useAvatarGroupItemStyles_unstable: function() {
+        return useAvatarGroupItemStyles_unstable;
+    },
+    useGroupChildClassName: function() {
+        return useGroupChildClassName;
+    }
 });
 const _react = require("@griffel/react");
-const _avatar = require("../../Avatar");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _Avatar = require("../../Avatar");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const avatarGroupItemClassNames = {
     root: 'fui-AvatarGroupItem',
     avatar: 'fui-AvatarGroupItem__avatar',
@@ -24,7 +30,7 @@ const avatarGroupItemClassNames = {
 const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 /**
  * Styles for the root slot
- */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bt984gj: "f122n59",
         mc9l5x: "ftuwxu6",
@@ -79,7 +85,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 });
 /**
  * Styles for the avatar slot
- */ const useAvatarStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useAvatarStyles = /*#__PURE__*/ (0, _react.__styles)({
     nonOverflowItem: {
         qhf8xq: "f1euv43f"
     },
@@ -112,7 +118,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 });
 /**
  * Styles for the label slot
- */ const useOverflowLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useOverflowLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Frg6f3: [
             "foyynoy",
@@ -137,7 +143,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 });
 /**
  * Styles for the stack layout
- */ const useStackStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStackStyles = /*#__PURE__*/ (0, _react.__styles)({
     thick: {
         E5pizo: "foiuzp5"
     },
@@ -188,7 +194,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 });
 /**
  * Styles for the spread layout
- */ const useSpreadStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useSpreadStyles = /*#__PURE__*/ (0, _react.__styles)({
     s: {
         jhia2w: [
             "f7lhxv7",
@@ -235,7 +241,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 });
 /**
  * Styles for the pie layout
- */ const usePieStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const usePieStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         qhf8xq: "f1euv43f"
     },
@@ -333,13 +339,13 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
     ]
 });
 const useAvatarGroupItemStyles_unstable = (state)=>{
-    const { isOverflowItem , layout , size  } = state;
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { isOverflowItem, layout, size } = state;
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
     const avatarStyles = useAvatarStyles();
     const overflowLabelStyles = useOverflowLabelStyles();
     const pieStyles = usePieStyles();
     const rootStyles = useRootStyles();
-    const sizeStyles = (0, _avatar.useSizeStyles)();
+    const sizeStyles = (0, _Avatar.useSizeStyles)();
     const groupChildClassName = useGroupChildClassName(layout, size);
     const rootClasses = [
         rootStyles.base

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n  root: 'fui-AvatarGroupItem',\n  avatar: 'fui-AvatarGroupItem__avatar',\n  overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Bnnss6s: \"fi64zpg\",\n    qhf8xq: \"f10pi13n\"\n  },\n  overflowItem: {\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  },\n  nonOverflowItem: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n  }\n}, {\n  d: [\".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fi64zpg{flex-shrink:0;}\", \".f10pi13n{position:relative;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\"]\n});\n/**\n * Styles for the avatar slot\n */\nconst useAvatarStyles = /*#__PURE__*/__styles({\n  nonOverflowItem: {\n    qhf8xq: \"f1euv43f\"\n  },\n  pie: {\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\n/**\n * Styles for the label slot\n */\nconst useOverflowLabelStyles = /*#__PURE__*/__styles({\n  base: {\n    Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Styles for the stack layout\n */\nconst useStackStyles = /*#__PURE__*/__styles({\n  thick: {\n    E5pizo: \"foiuzp5\"\n  },\n  thicker: {\n    E5pizo: \"f1x6o7w7\"\n  },\n  thickest: {\n    E5pizo: \"f2aml1u\"\n  },\n  xxs: {\n    jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n  },\n  xs: {\n    jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n  },\n  s: {\n    jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n  },\n  l: {\n    jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n  }\n}, {\n  d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/**\n * Styles for the spread layout\n */\nconst useSpreadStyles = /*#__PURE__*/__styles({\n  s: {\n    jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n  },\n  mNudge: {\n    jhia2w: [\"f1h0okno\", \"fnnqava\"]\n  },\n  m: {\n    jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n  },\n  l: {\n    jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n  },\n  xl: {\n    jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n  }\n}, {\n  d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/**\n * Styles for the pie layout\n */\nconst usePieStyles = /*#__PURE__*/__styles({\n  base: {\n    qhf8xq: \"f1euv43f\"\n  },\n  slices: {\n    B3gf25r: \"f16m7w7k\",\n    Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n    Bvaow4n: \"f1pgb5nx\",\n    Gpecfs: [\"fugirid\", \"f4sk99m\"],\n    bhabj1: \"fjreaf3\",\n    B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n    Bwrfys5: \"f1ef8vxk\",\n    Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n    fflka: \"ff6xuso\",\n    do7bja: \"fzpvk6c\",\n    Be8zqhl: \"f4onu7f\",\n    Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n    Bwexnyt: \"f1yv732j\",\n    Bhe5x6o: \"fchq2fj\",\n    B3kv7bh: \"ff5binh\"\n  },\n  rtlSlices: {\n    B3gf25r: \"f5vdl61\",\n    Bvaow4n: \"f1bnra92\",\n    bhabj1: \"f4ibo7t\",\n    Bwrfys5: \"f17heuis\",\n    Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n    Be8zqhl: \"fa6l61x\",\n    Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n  },\n  thick: {\n    uiicq7: \"fnyfzln\"\n  },\n  thicker: {\n    uiicq7: \"f1xdzzot\"\n  },\n  thickest: {\n    uiicq7: \"f1auhru5\"\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/**\n * Apply styling to the AvatarGroupItem slots based on the state\n */\nexport const useAvatarGroupItemStyles_unstable = state => {\n  const {\n    isOverflowItem,\n    layout,\n    size\n  } = state;\n  const {\n    dir\n  } = useFluent();\n  const avatarStyles = useAvatarStyles();\n  const overflowLabelStyles = useOverflowLabelStyles();\n  const pieStyles = usePieStyles();\n  const rootStyles = useRootStyles();\n  const sizeStyles = useSizeStyles();\n  const groupChildClassName = useGroupChildClassName(layout, size);\n  const rootClasses = [rootStyles.base];\n  if (!isOverflowItem) {\n    rootClasses.push(rootStyles.nonOverflowItem);\n    rootClasses.push(groupChildClassName);\n    rootClasses.push(sizeStyles[size]);\n    if (layout === 'pie') {\n      rootClasses.push(pieStyles.base);\n      if (size < 56) {\n        rootClasses.push(pieStyles.thick);\n      } else if (size < 72) {\n        rootClasses.push(pieStyles.thicker);\n      } else {\n        rootClasses.push(pieStyles.thickest);\n      }\n      rootClasses.push(pieStyles.slices);\n      if (dir === 'rtl') {\n        rootClasses.push(pieStyles.rtlSlices);\n      }\n    }\n  } else {\n    rootClasses.push(rootStyles.overflowItem);\n  }\n  state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n  state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n  if (state.overflowLabel) {\n    state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n  }\n  return state;\n};\n/**\n * Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n  const stackStyles = useStackStyles();\n  const spreadStyles = useSpreadStyles();\n  const layoutClasses = [];\n  if (size) {\n    if (layout === 'stack') {\n      if (size < 56) {\n        layoutClasses.push(stackStyles.thick);\n      } else if (size < 72) {\n        layoutClasses.push(stackStyles.thicker);\n      } else {\n        layoutClasses.push(stackStyles.thickest);\n      }\n      if (size < 24) {\n        layoutClasses.push(stackStyles.xxs);\n      } else if (size < 48) {\n        layoutClasses.push(stackStyles.xs);\n      } else if (size < 96) {\n        layoutClasses.push(stackStyles.s);\n      } else {\n        layoutClasses.push(stackStyles.l);\n      }\n    } else if (layout === 'spread') {\n      if (size < 20) {\n        layoutClasses.push(spreadStyles.s);\n      } else if (size < 32) {\n        layoutClasses.push(spreadStyles.mNudge);\n      } else if (size < 64) {\n        layoutClasses.push(spreadStyles.l);\n      } else {\n        layoutClasses.push(spreadStyles.xl);\n      }\n    }\n  }\n  return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","z8tnut","z189sj","Byoj8tv","uwmqm3","nonOverflowItem","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":"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"}
+{"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n  root: 'fui-AvatarGroupItem',\n  avatar: 'fui-AvatarGroupItem__avatar',\n  overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Bnnss6s: \"fi64zpg\",\n    qhf8xq: \"f10pi13n\"\n  },\n  overflowItem: {\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  },\n  nonOverflowItem: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n  }\n}, {\n  d: [\".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fi64zpg{flex-shrink:0;}\", \".f10pi13n{position:relative;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\"]\n});\n/**\n * Styles for the avatar slot\n */\nconst useAvatarStyles = /*#__PURE__*/__styles({\n  nonOverflowItem: {\n    qhf8xq: \"f1euv43f\"\n  },\n  pie: {\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\n/**\n * Styles for the label slot\n */\nconst useOverflowLabelStyles = /*#__PURE__*/__styles({\n  base: {\n    Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Styles for the stack layout\n */\nconst useStackStyles = /*#__PURE__*/__styles({\n  thick: {\n    E5pizo: \"foiuzp5\"\n  },\n  thicker: {\n    E5pizo: \"f1x6o7w7\"\n  },\n  thickest: {\n    E5pizo: \"f2aml1u\"\n  },\n  xxs: {\n    jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n  },\n  xs: {\n    jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n  },\n  s: {\n    jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n  },\n  l: {\n    jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n  }\n}, {\n  d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/**\n * Styles for the spread layout\n */\nconst useSpreadStyles = /*#__PURE__*/__styles({\n  s: {\n    jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n  },\n  mNudge: {\n    jhia2w: [\"f1h0okno\", \"fnnqava\"]\n  },\n  m: {\n    jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n  },\n  l: {\n    jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n  },\n  xl: {\n    jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n  }\n}, {\n  d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/**\n * Styles for the pie layout\n */\nconst usePieStyles = /*#__PURE__*/__styles({\n  base: {\n    qhf8xq: \"f1euv43f\"\n  },\n  slices: {\n    B3gf25r: \"f16m7w7k\",\n    Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n    Bvaow4n: \"f1pgb5nx\",\n    Gpecfs: [\"fugirid\", \"f4sk99m\"],\n    bhabj1: \"fjreaf3\",\n    B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n    Bwrfys5: \"f1ef8vxk\",\n    Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n    fflka: \"ff6xuso\",\n    do7bja: \"fzpvk6c\",\n    Be8zqhl: \"f4onu7f\",\n    Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n    Bwexnyt: \"f1yv732j\",\n    Bhe5x6o: \"fchq2fj\",\n    B3kv7bh: \"ff5binh\"\n  },\n  rtlSlices: {\n    B3gf25r: \"f5vdl61\",\n    Bvaow4n: \"f1bnra92\",\n    bhabj1: \"f4ibo7t\",\n    Bwrfys5: \"f17heuis\",\n    Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n    Be8zqhl: \"fa6l61x\",\n    Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n  },\n  thick: {\n    uiicq7: \"fnyfzln\"\n  },\n  thicker: {\n    uiicq7: \"f1xdzzot\"\n  },\n  thickest: {\n    uiicq7: \"f1auhru5\"\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/**\n * Apply styling to the AvatarGroupItem slots based on the state\n */\nexport const useAvatarGroupItemStyles_unstable = state => {\n  const {\n    isOverflowItem,\n    layout,\n    size\n  } = state;\n  const {\n    dir\n  } = useFluent();\n  const avatarStyles = useAvatarStyles();\n  const overflowLabelStyles = useOverflowLabelStyles();\n  const pieStyles = usePieStyles();\n  const rootStyles = useRootStyles();\n  const sizeStyles = useSizeStyles();\n  const groupChildClassName = useGroupChildClassName(layout, size);\n  const rootClasses = [rootStyles.base];\n  if (!isOverflowItem) {\n    rootClasses.push(rootStyles.nonOverflowItem);\n    rootClasses.push(groupChildClassName);\n    rootClasses.push(sizeStyles[size]);\n    if (layout === 'pie') {\n      rootClasses.push(pieStyles.base);\n      if (size < 56) {\n        rootClasses.push(pieStyles.thick);\n      } else if (size < 72) {\n        rootClasses.push(pieStyles.thicker);\n      } else {\n        rootClasses.push(pieStyles.thickest);\n      }\n      rootClasses.push(pieStyles.slices);\n      if (dir === 'rtl') {\n        rootClasses.push(pieStyles.rtlSlices);\n      }\n    }\n  } else {\n    rootClasses.push(rootStyles.overflowItem);\n  }\n  state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n  state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n  if (state.overflowLabel) {\n    state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n  }\n  return state;\n};\n/**\n * Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n  const stackStyles = useStackStyles();\n  const spreadStyles = useSpreadStyles();\n  const layoutClasses = [];\n  if (size) {\n    if (layout === 'stack') {\n      if (size < 56) {\n        layoutClasses.push(stackStyles.thick);\n      } else if (size < 72) {\n        layoutClasses.push(stackStyles.thicker);\n      } else {\n        layoutClasses.push(stackStyles.thickest);\n      }\n      if (size < 24) {\n        layoutClasses.push(stackStyles.xxs);\n      } else if (size < 48) {\n        layoutClasses.push(stackStyles.xs);\n      } else if (size < 96) {\n        layoutClasses.push(stackStyles.s);\n      } else {\n        layoutClasses.push(stackStyles.l);\n      }\n    } else if (layout === 'spread') {\n      if (size < 20) {\n        layoutClasses.push(spreadStyles.s);\n      } else if (size < 32) {\n        layoutClasses.push(spreadStyles.mNudge);\n      } else if (size < 64) {\n        layoutClasses.push(spreadStyles.l);\n      } else {\n        layoutClasses.push(spreadStyles.xl);\n      }\n    }\n  }\n  return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","z8tnut","z189sj","Byoj8tv","uwmqm3","nonOverflowItem","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":";;;;;;;;;;;IAIaA,yBAAyB;eAAzBA;;IAgKAC,iCAAiC;eAAjCA;;IAgDAC,sBAAsB;eAAtBA;;;uBApNsC;wBAErB;qCACkB;AACzC,MAAMF,4BAA4B;IACvCG,MAAM;IACNC,QAAQ;IACRC,eAAe;AACjB;AACA,MAAMC,iCAAiC;AACvC;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,iBAAiB;QACfC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAkC;QAA4B;QAAiC;QAAoD;QAAuD;QAAsD;QAAuD;QAAqE;QAAqE;QAAmE;KAAiE;AAC5mB;AACA;;CAEC,GACD,MAAMC,kBAAkB,WAAW,GAAEjB,IAAAA,eAAQ,EAAC;IAC5CW,iBAAiB;QACfN,QAAQ;IACV;IACAa,KAAK;QACHN,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAA4C;QAA2C;QAAyC;KAAuC;AAC9M;AACA;;CAEC,GACD,MAAMG,yBAAyB,WAAW,GAAEnB,IAAAA,eAAQ,EAAC;IACnDC,MAAM;QACJmB,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDT,GAAG;QAAC;QAAoD;QAAsD;QAAmD;QAAgD;QAA+C;QAAmD;KAAmD;AACxW;AACA;;CAEC,GACD,MAAMU,iBAAiB,WAAW,GAAE1B,IAAAA,eAAQ,EAAC;IAC3C2B,OAAO;QACLC,QAAQ;IACV;IACAC,SAAS;QACPD,QAAQ;IACV;IACAE,UAAU;QACRF,QAAQ;IACV;IACAG,KAAK;QACHC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,IAAI;QACFD,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAE,GAAG;QACDF,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAG,GAAG;QACDH,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDhB,GAAG;QAAC;QAAsF;QAAyF;QAAyF;QAAoF;QAAqF;QAAmF;QAAoF;QAAkF;QAAmF;QAAiF;KAAiF;AACr6B;AACA;;CAEC,GACD,MAAMoB,kBAAkB,WAAW,GAAEpC,IAAAA,eAAQ,EAAC;IAC5CkC,GAAG;QACDF,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNL,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAM,GAAG;QACDN,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAG,GAAG;QACDH,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAO,IAAI;QACFP,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDhB,GAAG;QAAC;QAAsE;QAAuE;QAA4E;QAA4E;QAAuE;QAAwE;QAAuE;QAAwE;QAAuE;KAAuE;AACvtB;AACA;;CAEC,GACD,MAAMwB,eAAe,WAAW,GAAExC,IAAAA,eAAQ,EAAC;IACzCC,MAAM;QACJI,QAAQ;IACV;IACAoC,QAAQ;QACNC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,WAAW;QACTf,SAAS;QACTE,SAAS;QACTE,QAAQ;QACRE,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCG,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;IACnC;IACA1B,OAAO;QACL+B,QAAQ;IACV;IACA7B,SAAS;QACP6B,QAAQ;IACV;IACA5B,UAAU;QACR4B,QAAQ;IACV;AACF,GAAG;IACD1C,GAAG;QAAC;QAAiC;QAAuI;QAA4D;QAA4D;QAAuI;QAA0D;QAA2D;QAAsI;QAA4D;QAA6D;QAA2J;QAA2D;QAA4D;QAAsE;QAAsE;QAA0J;QAA2D;QAA2D;QAA0D;QAAsE;QAAsE;QAAsI;QAAuI;QAAsI;QAA2J;QAAwD;QAA0D;QAA0J;QAAyD;QAA0D;QAA2E;QAA8E;KAA8E;AACzyF;AAIO,MAAMvB,oCAAoCkE,CAAAA;IAC/C,MAAM,EACJC,cAAc,EACdC,MAAM,EACNC,IAAI,EACL,GAAGH;IACJ,MAAM,EACJI,GAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,MAAMC,eAAehD;IACrB,MAAMiD,sBAAsB/C;IAC5B,MAAMgD,YAAY3B;IAClB,MAAM4B,aAAarE;IACnB,MAAMsE,aAAaC,IAAAA,qBAAa;IAChC,MAAMC,sBAAsB7E,uBAAuBmE,QAAQC;IAC3D,MAAMU,cAAc;QAACJ,WAAWnE,IAAI;KAAC;IACrC,IAAI,CAAC2D,gBAAgB;QACnBY,YAAYC,IAAI,CAACL,WAAWzD,eAAe;QAC3C6D,YAAYC,IAAI,CAACF;QACjBC,YAAYC,IAAI,CAACJ,UAAU,CAACP,KAAK;QACjC,IAAID,WAAW,OAAO;YACpBW,YAAYC,IAAI,CAACN,UAAUlE,IAAI;YAC/B,IAAI6D,OAAO,IAAI;gBACbU,YAAYC,IAAI,CAACN,UAAUxC,KAAK;YAClC,OAAO,IAAImC,OAAO,IAAI;gBACpBU,YAAYC,IAAI,CAACN,UAAUtC,OAAO;YACpC,OAAO;gBACL2C,YAAYC,IAAI,CAACN,UAAUrC,QAAQ;YACrC;YACA0C,YAAYC,IAAI,CAACN,UAAU1B,MAAM;YACjC,IAAIsB,QAAQ,OAAO;gBACjBS,YAAYC,IAAI,CAACN,UAAUV,SAAS;YACtC;QACF;IACF,OAAO;QACLe,YAAYC,IAAI,CAACL,WAAW9D,YAAY;IAC1C;IACAqD,MAAMhE,IAAI,CAAC+E,SAAS,GAAGC,IAAAA,mBAAY,EAACnF,0BAA0BG,IAAI,KAAK6E,aAAab,MAAMhE,IAAI,CAAC+E,SAAS;IACxGf,MAAM/D,MAAM,CAAC8E,SAAS,GAAGC,IAAAA,mBAAY,EAACnF,0BAA0BI,MAAM,EAAE,CAACgE,kBAAkBK,aAAatD,eAAe,EAAEkD,WAAW,SAASI,aAAa/C,GAAG,EAAEyC,MAAM/D,MAAM,CAAC8E,SAAS;IACrL,IAAIf,MAAM9D,aAAa,EAAE;QACvB8D,MAAM9D,aAAa,CAAC6E,SAAS,GAAGC,IAAAA,mBAAY,EAACnF,0BAA0BK,aAAa,EAAEqE,oBAAoBjE,IAAI,EAAE0D,MAAM9D,aAAa,CAAC6E,SAAS;IAC/I;IACA,OAAOf;AACT;AAKO,MAAMjE,yBAAyB,CAACmE,QAAQC;IAC7C,MAAMc,cAAclD;IACpB,MAAMmD,eAAezC;IACrB,MAAM0C,gBAAgB,EAAE;IACxB,IAAIhB,MAAM;QACR,IAAID,WAAW,SAAS;YACtB,IAAIC,OAAO,IAAI;gBACbgB,cAAcL,IAAI,CAACG,YAAYjD,KAAK;YACtC,OAAO,IAAImC,OAAO,IAAI;gBACpBgB,cAAcL,IAAI,CAACG,YAAY/C,OAAO;YACxC,OAAO;gBACLiD,cAAcL,IAAI,CAACG,YAAY9C,QAAQ;YACzC;YACA,IAAIgC,OAAO,IAAI;gBACbgB,cAAcL,IAAI,CAACG,YAAY7C,GAAG;YACpC,OAAO,IAAI+B,OAAO,IAAI;gBACpBgB,cAAcL,IAAI,CAACG,YAAY3C,EAAE;YACnC,OAAO,IAAI6B,OAAO,IAAI;gBACpBgB,cAAcL,IAAI,CAACG,YAAY1C,CAAC;YAClC,OAAO;gBACL4C,cAAcL,IAAI,CAACG,YAAYzC,CAAC;YAClC;QACF,OAAO,IAAI0B,WAAW,UAAU;YAC9B,IAAIC,OAAO,IAAI;gBACbgB,cAAcL,IAAI,CAACI,aAAa3C,CAAC;YACnC,OAAO,IAAI4B,OAAO,IAAI;gBACpBgB,cAAcL,IAAI,CAACI,aAAaxC,MAAM;YACxC,OAAO,IAAIyB,OAAO,IAAI;gBACpBgB,cAAcL,IAAI,CAACI,aAAa1C,CAAC;YACnC,OAAO;gBACL2C,cAAcL,IAAI,CAACI,aAAatC,EAAE;YACpC;QACF;IACF;IACA,OAAOoC,IAAAA,mBAAY,KAAIG;AACzB,GACA,2DAA2D"}

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

@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AvatarGroupPopover", {
     enumerable: true,
-    get: ()=>AvatarGroupPopover
+    get: function() {
+        return AvatarGroupPopover;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderAvatarGroupPopover = require("./renderAvatarGroupPopover");
 const _useAvatarGroupPopoverContextValues = require("./useAvatarGroupPopoverContextValues");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _useAvatarGroupPopover = require("./useAvatarGroupPopover");
-const _useAvatarGroupPopoverStylesStyles = require("./useAvatarGroupPopoverStyles.styles");
+const _useAvatarGroupPopoverStylesstyles = require("./useAvatarGroupPopoverStyles.styles");
 const AvatarGroupPopover = (props)=>{
     const state = (0, _useAvatarGroupPopover.useAvatarGroupPopover_unstable)(props);
     const contextValues = (0, _useAvatarGroupPopoverContextValues.useAvatarGroupPopoverContextValues)(state);
-    (0, _useAvatarGroupPopoverStylesStyles.useAvatarGroupPopoverStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupPopoverStyles_unstable')(state);
+    (0, _useAvatarGroupPopoverStylesstyles.useAvatarGroupPopoverStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAvatarGroupPopoverStyles_unstable')(state);
     return (0, _renderAvatarGroupPopover.renderAvatarGroupPopover_unstable)(state, contextValues);
 };
 AvatarGroupPopover.displayName = 'AvatarGroupPopover';

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles';\n/**\n * The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */ export const AvatarGroupPopover = (props)=>{\n    const state = useAvatarGroupPopover_unstable(props);\n    const contextValues = useAvatarGroupPopoverContextValues(state);\n    useAvatarGroupPopoverStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);\n    return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;0CAC2B;oDACC;qCACP;uCACG;mDACM;AAG1C,MAAMA,qBAAqB,CAACC,QAAQ;IAC3C,MAAMC,QAAQC,IAAAA,qDAA8B,EAACF;IAC7C,MAAMG,gBAAgBC,IAAAA,sEAAkC,EAACH;IACzDI,IAAAA,uEAAoC,EAACJ;IACrCK,IAAAA,gDAA2B,EAAC,wCAAwCL;IACpE,OAAOM,IAAAA,2DAAiC,EAACN,OAAOE;AACpD;AACAJ,mBAAmBS,WAAW,GAAG"}
+{"version":3,"sources":["AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles';\n/**\n * The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */ export const AvatarGroupPopover = (props)=>{\n    const state = useAvatarGroupPopover_unstable(props);\n    const contextValues = useAvatarGroupPopoverContextValues(state);\n    useAvatarGroupPopoverStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);\n    return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;0CAC2B;oDACC;qCACP;uCACG;mDACM;AAG1C,MAAMA,qBAAqB,CAACC;IACnC,MAAMC,QAAQC,IAAAA,qDAA8B,EAACF;IAC7C,MAAMG,gBAAgBC,IAAAA,sEAAkC,EAACH;IACzDI,IAAAA,uEAAoC,EAACJ;IACrCK,IAAAA,gDAA2B,EAAC,wCAAwCL;IACpE,OAAOM,IAAAA,2DAAiC,EAACN,OAAOE;AACpD;AACAJ,mBAAmBS,WAAW,GAAG"}

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGroupPopover.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":["AvatarGroupPopover.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./AvatarGroupPopover"), exports);
-_exportStar(require("./AvatarGroupPopover.types"), exports);
-_exportStar(require("./renderAvatarGroupPopover"), exports);
-_exportStar(require("./useAvatarGroupPopover"), exports);
-_exportStar(require("./useAvatarGroupPopoverStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AvatarGroupPopover"), exports);
+_export_star._(require("./AvatarGroupPopover.types"), exports);
+_export_star._(require("./renderAvatarGroupPopover"), exports);
+_export_star._(require("./useAvatarGroupPopover"), exports);
+_export_star._(require("./useAvatarGroupPopoverStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}