@fluentui/react-avatar 9.5.24 → 9.5.26

package/lib-commonjs/components/Avatar/renderAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAvatar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderAvatar_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.initials && /*#__PURE__*/ createElement(state.initials, null), state.icon && /*#__PURE__*/ createElement(state.icon, null), state.image && /*#__PURE__*/ createElement(state.image, null), state.badge && /*#__PURE__*/ createElement(state.badge, null), state.activeAriaLabelElement);\n};\n"],"names":["renderAvatar_unstable","state","assertSlots","createElement","root","initials","icon","image","badge","activeAriaLabelElement"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAErCA;;aAAAA;;iCAFsE;gCACvD;AACrB,MAAMA,wBAAwB,CAACC,QAAQ;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,QAAQ,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,QAAQ,EAAE,IAAI,GAAGJ,MAAMK,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,IAAI,EAAE,IAAI,GAAGL,MAAMM,KAAK,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACF,MAAMM,KAAK,EAAE,IAAI,GAAGN,MAAMO,KAAK,IAAI,WAAW,GAAGL,IAAAA,8BAAa,EAACF,MAAMO,KAAK,EAAE,IAAI,GAAGP,MAAMQ,sBAAsB;AACrV"}
+{"version":3,"sources":["renderAvatar.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';\nexport const renderAvatar_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.initials && /*#__PURE__*/ _jsx(state.initials, {}),\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            state.image && /*#__PURE__*/ _jsx(state.image, {}),\n            state.badge && /*#__PURE__*/ _jsx(state.badge, {}),\n            state.activeAriaLabelElement\n        ]\n    });\n};\n"],"names":["renderAvatar_unstable","state","assertSlots","_jsxs","root","children","initials","_jsx","icon","image","badge","activeAriaLabelElement"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAEjEA;;;eAAAA;;;4BAF+G;gCAChG;AACrB,MAAMA,wBAAwB,CAACC;IAClCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YACtDL,MAAMO,IAAI,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,IAAI,EAAE,CAAC;YAC9CP,MAAMQ,KAAK,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAChDR,MAAMS,KAAK,IAAI,WAAW,GAAGH,IAAAA,eAAI,EAACN,MAAMS,KAAK,EAAE,CAAC;YAChDT,MAAMU,sBAAsB;SAC/B;IACL;AACJ"}

package/lib-commonjs/components/Avatar/useAvatar.js

@@ -9,33 +9,38 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DEFAULT_STRINGS: ()=>DEFAULT_STRINGS,
-    useAvatar_unstable: ()=>useAvatar_unstable
+    DEFAULT_STRINGS: function() {
+        return DEFAULT_STRINGS;
+    },
+    useAvatar_unstable: function() {
+        return useAvatar_unstable;
+    }
 });
-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 _index = require("../../utils/index");
-const _reactIcons = require("@fluentui/react-icons");
-const _reactBadge = require("@fluentui/react-badge");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _avatarContext = require("../../contexts/AvatarContext");
+const _reacticons = require("@fluentui/react-icons");
+const _reactbadge = require("@fluentui/react-badge");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _AvatarContext = require("../../contexts/AvatarContext");
 const DEFAULT_STRINGS = {
     active: 'active',
     inactive: 'inactive'
 };
 const useAvatar_unstable = (props, ref)=>{
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
-    const { shape: contextShape , size: contextSize  } = (0, _avatarContext.useAvatarContext)();
-    const { name , size =contextSize !== null && contextSize !== void 0 ? contextSize : 32 , shape =contextShape !== null && contextShape !== void 0 ? contextShape : 'circular' , active ='unset' , activeAppearance ='ring' , idForColor  } = props;
-    let { color ='neutral'  } = props;
+    var _image, _initials;
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const { shape: contextShape, size: contextSize } = (0, _AvatarContext.useAvatarContext)();
+    const { name, size = contextSize !== null && contextSize !== void 0 ? contextSize : 32, shape = contextShape !== null && contextShape !== void 0 ? contextShape : 'circular', active = 'unset', activeAppearance = 'ring', idForColor } = props;
+    let { color = 'neutral' } = props;
     // Resolve 'colorful' to a specific color name
     if (color === 'colorful') {
         var _ref;
         color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];
     }
-    const baseId = (0, _reactUtilities.useId)('avatar-');
-    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('span', {
+    const baseId = (0, _reactutilities.useId)('avatar-');
+    const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('span', {
         role: 'img',
         id: baseId,
         // aria-label and/or aria-labelledby are resolved below
@@ -47,7 +52,7 @@ const useAvatar_unstable = (props, ref)=>{
         elementType: 'span'
     });
     const [imageHidden, setImageHidden] = _react.useState(undefined);
-    let image = _reactUtilities.slot.optional(props.image, {
+    let image = _reactutilities.slot.optional(props.image, {
         defaultProps: {
             alt: '',
             role: 'presentation',
@@ -56,14 +61,14 @@ const useAvatar_unstable = (props, ref)=>{
         },
         elementType: 'img'
     }); // Image shouldn't be rendered if its src is not set
-    if (!(image === null || image === void 0 ? void 0 : image.src)) {
+    if (!((_image = image) === null || _image === void 0 ? void 0 : _image.src)) {
         image = undefined;
     } // Hide the image if it fails to load and restore it on a successful load
     if (image) {
-        image.onError = (0, _reactUtilities.mergeCallbacks)(image.onError, ()=>setImageHidden(true));
-        image.onLoad = (0, _reactUtilities.mergeCallbacks)(image.onLoad, ()=>setImageHidden(undefined));
+        image.onError = (0, _reactutilities.mergeCallbacks)(image.onError, ()=>setImageHidden(true));
+        image.onLoad = (0, _reactutilities.mergeCallbacks)(image.onLoad, ()=>setImageHidden(undefined));
     } // Resolve the initials slot, defaulted to getInitials.
-    let initials = _reactUtilities.slot.optional(props.initials, {
+    let initials = _reactutilities.slot.optional(props.initials, {
         renderByDefault: true,
         defaultProps: {
             children: (0, _index.getInitials)(name, dir === 'rtl', {
@@ -73,26 +78,26 @@ const useAvatar_unstable = (props, ref)=>{
         },
         elementType: 'span'
     }); // Don't render the initials slot if it's empty
-    if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {
+    if (!((_initials = initials) === null || _initials === void 0 ? void 0 : _initials.children)) {
         initials = undefined;
     } // Render the icon slot *only if* there aren't any initials or image to display
     let icon = undefined;
     if (!initials && (!image || imageHidden)) {
-        icon = _reactUtilities.slot.optional(props.icon, {
+        icon = _reactutilities.slot.optional(props.icon, {
             renderByDefault: true,
             defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.PersonRegular, null),
+                children: /*#__PURE__*/ _react.createElement(_reacticons.PersonRegular, null),
                 'aria-hidden': true
             },
             elementType: 'span'
         });
     }
-    const badge = _reactUtilities.slot.optional(props.badge, {
+    const badge = _reactutilities.slot.optional(props.badge, {
         defaultProps: {
             size: getBadgeSize(size),
             id: baseId + '__badge'
         },
-        elementType: _reactBadge.PresenceBadge
+        elementType: _reactbadge.PresenceBadge
     });
     let activeAriaLabelElement; // Resolve aria-label and/or aria-labelledby if not provided by the user
     if (!root['aria-label'] && !root['aria-labelledby']) {
@@ -133,7 +138,7 @@ const useAvatar_unstable = (props, ref)=>{
             initials: 'span',
             icon: 'span',
             image: 'img',
-            badge: _reactBadge.PresenceBadge
+            badge: _reactbadge.PresenceBadge
         },
         root,
         initials,

package/lib-commonjs/components/Avatar/useAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, useId, slot } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport { PersonRegular } from '@fluentui/react-icons';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAvatarContext } from '../../contexts/AvatarContext';\nexport const DEFAULT_STRINGS = {\n    active: 'active',\n    inactive: 'inactive'\n};\nexport const useAvatar_unstable = (props, ref)=>{\n    const { dir  } = useFluent();\n    const { shape: contextShape , size: contextSize  } = useAvatarContext();\n    const { name , size =contextSize !== null && contextSize !== void 0 ? contextSize : 32 , shape =contextShape !== null && contextShape !== void 0 ? contextShape : 'circular' , active ='unset' , activeAppearance ='ring' , idForColor  } = props;\n    let { color ='neutral'  } = props;\n    // Resolve 'colorful' to a specific color name\n    if (color === 'colorful') {\n        var _ref;\n        color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];\n    }\n    const baseId = useId('avatar-');\n    const root = slot.always(getNativeElementProps('span', {\n        role: 'img',\n        id: baseId,\n        // aria-label and/or aria-labelledby are resolved below\n        ...props,\n        ref\n    }, /* excludedPropNames: */ [\n        'name'\n    ]), {\n        elementType: 'span'\n    });\n    const [imageHidden, setImageHidden] = React.useState(undefined);\n    let image = slot.optional(props.image, {\n        defaultProps: {\n            alt: '',\n            role: 'presentation',\n            'aria-hidden': true,\n            hidden: imageHidden\n        },\n        elementType: 'img'\n    }); // Image shouldn't be rendered if its src is not set\n    if (!(image === null || image === void 0 ? void 0 : image.src)) {\n        image = undefined;\n    } // Hide the image if it fails to load and restore it on a successful load\n    if (image) {\n        image.onError = mergeCallbacks(image.onError, ()=>setImageHidden(true));\n        image.onLoad = mergeCallbacks(image.onLoad, ()=>setImageHidden(undefined));\n    } // Resolve the initials slot, defaulted to getInitials.\n    let initials = slot.optional(props.initials, {\n        renderByDefault: true,\n        defaultProps: {\n            children: getInitials(name, dir === 'rtl', {\n                firstInitialOnly: size <= 16\n            }),\n            id: baseId + '__initials'\n        },\n        elementType: 'span'\n    }); // Don't render the initials slot if it's empty\n    if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {\n        initials = undefined;\n    } // Render the icon slot *only if* there aren't any initials or image to display\n    let icon = undefined;\n    if (!initials && (!image || imageHidden)) {\n        icon = slot.optional(props.icon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(PersonRegular, null),\n                'aria-hidden': true\n            },\n            elementType: 'span'\n        });\n    }\n    const badge = slot.optional(props.badge, {\n        defaultProps: {\n            size: getBadgeSize(size),\n            id: baseId + '__badge'\n        },\n        elementType: PresenceBadge\n    });\n    let activeAriaLabelElement; // Resolve aria-label and/or aria-labelledby if not provided by the user\n    if (!root['aria-label'] && !root['aria-labelledby']) {\n        if (name) {\n            root['aria-label'] = name; // Include the badge in labelledby if it exists\n            if (badge) {\n                root['aria-labelledby'] = root.id + ' ' + badge.id;\n            }\n        } else if (initials) {\n            // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing\n            root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');\n        } // Add the active state to the aria label\n        if (active === 'active' || active === 'inactive') {\n            const activeText = DEFAULT_STRINGS[active];\n            if (root['aria-labelledby']) {\n                // If using aria-labelledby, render a hidden span and append it to the labelledby\n                const activeId = baseId + '__active';\n                root['aria-labelledby'] += ' ' + activeId;\n                activeAriaLabelElement = /*#__PURE__*/ React.createElement(\"span\", {\n                    hidden: true,\n                    id: activeId\n                }, activeText);\n            } else if (root['aria-label']) {\n                // Otherwise, just append it to the aria-label\n                root['aria-label'] += ' ' + activeText;\n            }\n        }\n    }\n    return {\n        size,\n        shape,\n        active,\n        activeAppearance,\n        activeAriaLabelElement,\n        color,\n        components: {\n            root: 'span',\n            initials: 'span',\n            icon: 'span',\n            image: 'img',\n            badge: PresenceBadge\n        },\n        root,\n        initials,\n        icon,\n        image,\n        badge\n    };\n};\nconst getBadgeSize = (size)=>{\n    if (size >= 96) {\n        return 'extra-large';\n    } else if (size >= 64) {\n        return 'large';\n    } else if (size >= 56) {\n        return 'medium';\n    } else if (size >= 40) {\n        return 'small';\n    } else if (size >= 28) {\n        return 'extra-small';\n    } else {\n        return 'tiny';\n    }\n};\nconst avatarColors = [\n    'dark-red',\n    'cranberry',\n    'red',\n    'pumpkin',\n    'peach',\n    'marigold',\n    'gold',\n    'brass',\n    'brown',\n    'forest',\n    'seafoam',\n    'dark-green',\n    'light-teal',\n    'teal',\n    'steel',\n    'blue',\n    'royal-blue',\n    'cornflower',\n    'navy',\n    'lavender',\n    'purple',\n    'grape',\n    'lilac',\n    'pink',\n    'magenta',\n    'plum',\n    'beige',\n    'mink',\n    'platinum',\n    'anchor'\n];\nconst getHashCode = (str)=>{\n    let hashCode = 0;\n    for(let len = str.length - 1; len >= 0; len--){\n        const ch = str.charCodeAt(len);\n        const shift = len % 8;\n        hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise\n    }\n    return hashCode;\n};\n"],"names":["DEFAULT_STRINGS","useAvatar_unstable","active","inactive","props","ref","dir","useFluent","shape","contextShape","size","contextSize","useAvatarContext","name","activeAppearance","idForColor","color","_ref","avatarColors","getHashCode","length","baseId","useId","root","slot","always","getNativeElementProps","role","id","elementType","imageHidden","setImageHidden","React","useState","undefined","image","optional","defaultProps","alt","hidden","src","onError","mergeCallbacks","onLoad","initials","renderByDefault","children","getInitials","firstInitialOnly","icon","createElement","PersonRegular","badge","getBadgeSize","PresenceBadge","activeAriaLabelElement","activeText","activeId","components","str","hashCode","len","ch","charCodeAt","shift"],"mappings":"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"}
+{"version":3,"sources":["useAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, useId, slot } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport { PersonRegular } from '@fluentui/react-icons';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAvatarContext } from '../../contexts/AvatarContext';\nexport const DEFAULT_STRINGS = {\n    active: 'active',\n    inactive: 'inactive'\n};\nexport const useAvatar_unstable = (props, ref)=>{\n    var _image, _initials;\n    const { dir } = useFluent();\n    const { shape: contextShape, size: contextSize } = useAvatarContext();\n    const { name, size = contextSize !== null && contextSize !== void 0 ? contextSize : 32, shape = contextShape !== null && contextShape !== void 0 ? contextShape : 'circular', active = 'unset', activeAppearance = 'ring', idForColor } = props;\n    let { color = 'neutral' } = props;\n    // Resolve 'colorful' to a specific color name\n    if (color === 'colorful') {\n        var _ref;\n        color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];\n    }\n    const baseId = useId('avatar-');\n    const root = slot.always(getNativeElementProps('span', {\n        role: 'img',\n        id: baseId,\n        // aria-label and/or aria-labelledby are resolved below\n        ...props,\n        ref\n    }, /* excludedPropNames: */ [\n        'name'\n    ]), {\n        elementType: 'span'\n    });\n    const [imageHidden, setImageHidden] = React.useState(undefined);\n    let image = slot.optional(props.image, {\n        defaultProps: {\n            alt: '',\n            role: 'presentation',\n            'aria-hidden': true,\n            hidden: imageHidden\n        },\n        elementType: 'img'\n    }); // Image shouldn't be rendered if its src is not set\n    if (!((_image = image) === null || _image === void 0 ? void 0 : _image.src)) {\n        image = undefined;\n    } // Hide the image if it fails to load and restore it on a successful load\n    if (image) {\n        image.onError = mergeCallbacks(image.onError, ()=>setImageHidden(true));\n        image.onLoad = mergeCallbacks(image.onLoad, ()=>setImageHidden(undefined));\n    } // Resolve the initials slot, defaulted to getInitials.\n    let initials = slot.optional(props.initials, {\n        renderByDefault: true,\n        defaultProps: {\n            children: getInitials(name, dir === 'rtl', {\n                firstInitialOnly: size <= 16\n            }),\n            id: baseId + '__initials'\n        },\n        elementType: 'span'\n    }); // Don't render the initials slot if it's empty\n    if (!((_initials = initials) === null || _initials === void 0 ? void 0 : _initials.children)) {\n        initials = undefined;\n    } // Render the icon slot *only if* there aren't any initials or image to display\n    let icon = undefined;\n    if (!initials && (!image || imageHidden)) {\n        icon = slot.optional(props.icon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(PersonRegular, null),\n                'aria-hidden': true\n            },\n            elementType: 'span'\n        });\n    }\n    const badge = slot.optional(props.badge, {\n        defaultProps: {\n            size: getBadgeSize(size),\n            id: baseId + '__badge'\n        },\n        elementType: PresenceBadge\n    });\n    let activeAriaLabelElement; // Resolve aria-label and/or aria-labelledby if not provided by the user\n    if (!root['aria-label'] && !root['aria-labelledby']) {\n        if (name) {\n            root['aria-label'] = name; // Include the badge in labelledby if it exists\n            if (badge) {\n                root['aria-labelledby'] = root.id + ' ' + badge.id;\n            }\n        } else if (initials) {\n            // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing\n            root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');\n        } // Add the active state to the aria label\n        if (active === 'active' || active === 'inactive') {\n            const activeText = DEFAULT_STRINGS[active];\n            if (root['aria-labelledby']) {\n                // If using aria-labelledby, render a hidden span and append it to the labelledby\n                const activeId = baseId + '__active';\n                root['aria-labelledby'] += ' ' + activeId;\n                activeAriaLabelElement = /*#__PURE__*/ React.createElement(\"span\", {\n                    hidden: true,\n                    id: activeId\n                }, activeText);\n            } else if (root['aria-label']) {\n                // Otherwise, just append it to the aria-label\n                root['aria-label'] += ' ' + activeText;\n            }\n        }\n    }\n    return {\n        size,\n        shape,\n        active,\n        activeAppearance,\n        activeAriaLabelElement,\n        color,\n        components: {\n            root: 'span',\n            initials: 'span',\n            icon: 'span',\n            image: 'img',\n            badge: PresenceBadge\n        },\n        root,\n        initials,\n        icon,\n        image,\n        badge\n    };\n};\nconst getBadgeSize = (size)=>{\n    if (size >= 96) {\n        return 'extra-large';\n    } else if (size >= 64) {\n        return 'large';\n    } else if (size >= 56) {\n        return 'medium';\n    } else if (size >= 40) {\n        return 'small';\n    } else if (size >= 28) {\n        return 'extra-small';\n    } else {\n        return 'tiny';\n    }\n};\nconst avatarColors = [\n    'dark-red',\n    'cranberry',\n    'red',\n    'pumpkin',\n    'peach',\n    'marigold',\n    'gold',\n    'brass',\n    'brown',\n    'forest',\n    'seafoam',\n    'dark-green',\n    'light-teal',\n    'teal',\n    'steel',\n    'blue',\n    'royal-blue',\n    'cornflower',\n    'navy',\n    'lavender',\n    'purple',\n    'grape',\n    'lilac',\n    'pink',\n    'magenta',\n    'plum',\n    'beige',\n    'mink',\n    'platinum',\n    'anchor'\n];\nconst getHashCode = (str)=>{\n    let hashCode = 0;\n    for(let len = str.length - 1; len >= 0; len--){\n        const ch = str.charCodeAt(len);\n        const shift = len % 8;\n        hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise\n    }\n    return hashCode;\n};\n"],"names":["DEFAULT_STRINGS","useAvatar_unstable","active","inactive","props","ref","_image","_initials","dir","useFluent","shape","contextShape","size","contextSize","useAvatarContext","name","activeAppearance","idForColor","color","_ref","avatarColors","getHashCode","length","baseId","useId","root","slot","always","getNativeElementProps","role","id","elementType","imageHidden","setImageHidden","React","useState","undefined","image","optional","defaultProps","alt","hidden","src","onError","mergeCallbacks","onLoad","initials","renderByDefault","children","getInitials","firstInitialOnly","icon","createElement","PersonRegular","badge","getBadgeSize","PresenceBadge","activeAriaLabelElement","activeText","activeId","components","str","hashCode","len","ch","charCodeAt","shift"],"mappings":"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"}

package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js

@@ -9,9 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    avatarClassNames: ()=>avatarClassNames,
-    useSizeStyles: ()=>useSizeStyles,
-    useAvatarStyles_unstable: ()=>useAvatarStyles_unstable
+    avatarClassNames: function() {
+        return avatarClassNames;
+    },
+    useSizeStyles: function() {
+        return useSizeStyles;
+    },
+    useAvatarStyles_unstable: function() {
+        return useAvatarStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const avatarClassNames = {
@@ -28,7 +34,7 @@ const vars = {
     badgeAlign: '--fui-Avatar-badgeAlign',
     ringWidth: '--fui-Avatar-ringWidth'
 };
-const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r81b29z", "r1aatmv", {
+const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r81b29z", "r1aatmv", {
     r: [
         ".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}",
         ".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}",
@@ -42,11 +48,11 @@ const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r81b29z", "
         "@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}"
     ]
 });
-const useImageClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r136dc0n", "rjly0nl", [
+const useImageClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r136dc0n", "rjly0nl", [
     ".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}",
     ".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}"
 ]);
-const useIconInitialsClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rip04v", "r31uzil", [
+const useIconInitialsClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rip04v", "r31uzil", [
     ".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}",
     ".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}"
 ]);
@@ -65,7 +71,7 @@ const useIconInitialsClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rip
     const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;
     return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     textCaption2Strong: {
         Be2twd7: "f13mqy1h"
     },
@@ -347,7 +353,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
     "16": {
         a9b677: "fjw5fx7",
         Bqenvij: "fd461yt"
@@ -436,7 +442,7 @@ const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fele2au{height:128px;}"
     ]
 });
-const useColorStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useColorStyles = /*#__PURE__*/ (0, _react.__styles)({
     neutral: {
         sj55zd: "f11d4kpn",
         De3pzq: "f18f03hv"
@@ -633,7 +639,7 @@ const useColorStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}"
     ]
 });
-const useRingColorStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRingColorStyles = /*#__PURE__*/ (0, _react.__styles)({
     neutral: {
         Bic5iru: "f1uuiafn"
     },
@@ -766,7 +772,7 @@ const useRingColorStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useAvatarStyles_unstable = (state)=>{
-    const { size , shape , active , activeAppearance , color  } = state;
+    const { size, shape, active, activeAppearance, color } = state;
     const rootClassName = useRootClassName();
     const imageClassName = useImageClassName();
     const iconInitialsClassName = useIconInitialsClassName();

package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const avatarClassNames = {\n  root: 'fui-Avatar',\n  image: 'fui-Avatar__image',\n  initials: 'fui-Avatar__initials',\n  icon: 'fui-Avatar__icon',\n  badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n  badgeRadius: '--fui-Avatar-badgeRadius',\n  badgeGap: '--fui-Avatar-badgeGap',\n  badgeAlign: '--fui-Avatar-badgeAlign',\n  ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n  r: [\".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n  s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\nconst useImageClassName = /*#__PURE__*/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /*#__PURE__*/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\"]);\n/**\n * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n *\n * Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n */\nconst badgeMask = margin => {\n  // Center the cutout at the badge's radius away from the edge.\n  // The ring (::before) also has a 2 * ringWidth margin that also needs to be offset.\n  const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n  // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n  // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n  const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n  const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n  return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = /*#__PURE__*/__styles({\n  textCaption2Strong: {\n    Be2twd7: \"f13mqy1h\"\n  },\n  textCaption1Strong: {\n    Be2twd7: \"fy9rknc\"\n  },\n  textSubtitle2: {\n    Be2twd7: \"fod5ikn\"\n  },\n  textSubtitle1: {\n    Be2twd7: \"f1pp30po\"\n  },\n  textTitle3: {\n    Be2twd7: \"f1x0m3f5\"\n  },\n  squareSmall: {\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n  },\n  squareMedium: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  squareLarge: {\n    Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n    Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n    B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n    Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n  },\n  squareXLarge: {\n    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"]\n  },\n  activeOrInactive: {\n    Bz10aip: \"ftfx35i\",\n    Bmy1vo4: \"fv0atk9\",\n    B3o57yi: \"f1iry5bo\",\n    Bkqvd7p: \"f15n41j8\",\n    Hwfdqs: \"f1onx1g3\"\n  },\n  ring: {\n    Ftih45: \"f1wl9k8s\"\n  },\n  ringBadgeCutout: {\n    f4a502: \"fp2gujx\"\n  },\n  ringThick: {\n    of393c: \"fq1w1vq\"\n  },\n  ringThicker: {\n    of393c: \"fzg6ace\"\n  },\n  ringThickest: {\n    of393c: \"f1nu8p71\"\n  },\n  shadow: {\n    Bsft5z2: \"f13zj6fq\"\n  },\n  shadow4: {\n    Be6vj1x: \"fcjn15l\"\n  },\n  shadow8: {\n    Be6vj1x: \"f1tm8t9f\"\n  },\n  shadow16: {\n    Be6vj1x: \"f1a1aohj\"\n  },\n  shadow28: {\n    Be6vj1x: \"fond6v5\"\n  },\n  inactive: {\n    abs64n: \"fp25eh\",\n    Bz10aip: \"f1clczzi\",\n    Bkqvd7p: \"f1l3s34x\",\n    Bucmhp4: \"f1f5ar78\",\n    b2tv09: [\"fqxtap0\", \"fhjukvy\"],\n    Bfgortx: \"f1qj1nzo\",\n    Bnvr3x9: [\"fhjukvy\", \"fqxtap0\"],\n    b6ubon: \"fw457kn\",\n    Bqinb2h: \"f1wmllxl\"\n  },\n  badge: {\n    qhf8xq: \"f1euv43f\",\n    B5kzvoi: \"f1yab3r1\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n  },\n  badgeCutout: {\n    btxmck: \"f1eugkqs\"\n  },\n  badgeAlign: {\n    Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n  },\n  tiny: {\n    Bdjeniz: \"f1uwoubl\",\n    niu6jh: \"fid048z\"\n  },\n  \"extra-small\": {\n    Bdjeniz: \"f13ar0e0\",\n    niu6jh: \"fid048z\"\n  },\n  small: {\n    Bdjeniz: \"fwwuruf\",\n    niu6jh: \"fid048z\"\n  },\n  medium: {\n    Bdjeniz: \"f1af27q5\",\n    niu6jh: \"fid048z\"\n  },\n  large: {\n    Bdjeniz: \"f18yy57a\",\n    niu6jh: \"f924bxt\"\n  },\n  \"extra-large\": {\n    Bdjeniz: \"f2jg042\",\n    niu6jh: \"f924bxt\"\n  },\n  icon12: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  icon16: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  icon20: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  icon24: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  icon28: {\n    Be2twd7: \"f24l1pt\"\n  },\n  icon32: {\n    Be2twd7: \"ffl51b\"\n  },\n  icon48: {\n    Be2twd7: \"f18m8u13\"\n  }\n}, {\n  d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1f5ar78::before,.f1f5ar78::after{margin-top:0;}\", \".fqxtap0::before,.fqxtap0::after{margin-right:0;}\", \".fhjukvy::before,.fhjukvy::after{margin-left:0;}\", \".f1qj1nzo::before,.f1qj1nzo::after{margin-bottom:0;}\", \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n  \"16\": {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    a9b677: \"f1w9dchk\",\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    a9b677: \"fpdz1er\",\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    a9b677: \"feqmc2u\",\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    a9b677: \"f124akge\",\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    a9b677: \"f1u66zr1\",\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    a9b677: \"fa9ln6p\",\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    a9b677: \"fhcae8x\",\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    a9b677: \"f1kyr2gn\",\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    a9b677: \"fwfqyga\",\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    a9b677: \"f1iksgmy\",\n    Bqenvij: \"fele2au\"\n  }\n}, {\n  d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n  neutral: {\n    sj55zd: \"f11d4kpn\",\n    De3pzq: \"f18f03hv\"\n  },\n  brand: {\n    sj55zd: \"fonrgv7\",\n    De3pzq: \"f1blnnmj\"\n  },\n  \"dark-red\": {\n    sj55zd: \"fqjd1y1\",\n    De3pzq: \"f1vq2oo4\"\n  },\n  cranberry: {\n    sj55zd: \"fg9gses\",\n    De3pzq: \"f1lwxszt\"\n  },\n  red: {\n    sj55zd: \"f23f7i0\",\n    De3pzq: \"f1q9qhfq\"\n  },\n  pumpkin: {\n    sj55zd: \"fjnan08\",\n    De3pzq: \"fz91bi3\"\n  },\n  peach: {\n    sj55zd: \"fknu15p\",\n    De3pzq: \"f1b9nr51\"\n  },\n  marigold: {\n    sj55zd: \"f9603vw\",\n    De3pzq: \"f3z4w6d\"\n  },\n  gold: {\n    sj55zd: \"fmq0uwp\",\n    De3pzq: \"fg50kya\"\n  },\n  brass: {\n    sj55zd: \"f28g5vo\",\n    De3pzq: \"f4w2gd0\"\n  },\n  brown: {\n    sj55zd: \"ftl572b\",\n    De3pzq: \"f14wu1f4\"\n  },\n  forest: {\n    sj55zd: \"f1gymlvd\",\n    De3pzq: \"f19ut4y6\"\n  },\n  seafoam: {\n    sj55zd: \"fnnb6wn\",\n    De3pzq: \"f1n057jc\"\n  },\n  \"dark-green\": {\n    sj55zd: \"ff58qw8\",\n    De3pzq: \"f11t05wk\"\n  },\n  \"light-teal\": {\n    sj55zd: \"f1up9qbj\",\n    De3pzq: \"f42feg1\"\n  },\n  teal: {\n    sj55zd: \"f135dsb4\",\n    De3pzq: \"f6hvv1p\"\n  },\n  steel: {\n    sj55zd: \"f151dlcp\",\n    De3pzq: \"f1lnp8zf\"\n  },\n  blue: {\n    sj55zd: \"f1rjv50u\",\n    De3pzq: \"f1ggcpy6\"\n  },\n  \"royal-blue\": {\n    sj55zd: \"f1emykk5\",\n    De3pzq: \"f12rj61f\"\n  },\n  cornflower: {\n    sj55zd: \"fqsigj7\",\n    De3pzq: \"f8k7hur\"\n  },\n  navy: {\n    sj55zd: \"f1nj97xi\",\n    De3pzq: \"f19gw0ux\"\n  },\n  lavender: {\n    sj55zd: \"fwctg0i\",\n    De3pzq: \"ff379vm\"\n  },\n  purple: {\n    sj55zd: \"fjrsgpu\",\n    De3pzq: \"f1mzf1e1\"\n  },\n  grape: {\n    sj55zd: \"f1fiiydq\",\n    De3pzq: \"f1o4k8oy\"\n  },\n  lilac: {\n    sj55zd: \"f1res9jt\",\n    De3pzq: \"f1x6mz1o\"\n  },\n  pink: {\n    sj55zd: \"fv3fbbi\",\n    De3pzq: \"fydlv6t\"\n  },\n  magenta: {\n    sj55zd: \"f1f1fwnz\",\n    De3pzq: \"f4xb6j5\"\n  },\n  plum: {\n    sj55zd: \"f8ptl6j\",\n    De3pzq: \"fqo8e26\"\n  },\n  beige: {\n    sj55zd: \"f1ntv3ld\",\n    De3pzq: \"f101elhj\"\n  },\n  mink: {\n    sj55zd: \"f1fscmp\",\n    De3pzq: \"f13g8o5c\"\n  },\n  platinum: {\n    sj55zd: \"f1dr00v2\",\n    De3pzq: \"fkh7blw\"\n  },\n  anchor: {\n    sj55zd: \"f1f3ti53\",\n    De3pzq: \"fu4yj0j\"\n  }\n}, {\n  d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /*#__PURE__*/__styles({\n  neutral: {\n    Bic5iru: \"f1uuiafn\"\n  },\n  brand: {\n    Bic5iru: \"f1uuiafn\"\n  },\n  \"dark-red\": {\n    Bic5iru: \"f1t2x9on\"\n  },\n  cranberry: {\n    Bic5iru: \"f1pvshc9\"\n  },\n  red: {\n    Bic5iru: \"f1ectbk9\"\n  },\n  pumpkin: {\n    Bic5iru: \"fvzpl0b\"\n  },\n  peach: {\n    Bic5iru: \"fwj2kd7\"\n  },\n  marigold: {\n    Bic5iru: \"fr120vy\"\n  },\n  gold: {\n    Bic5iru: \"f8xmmar\"\n  },\n  brass: {\n    Bic5iru: \"f1hbety2\"\n  },\n  brown: {\n    Bic5iru: \"f1vg3s4g\"\n  },\n  forest: {\n    Bic5iru: \"f1m3olm5\"\n  },\n  seafoam: {\n    Bic5iru: \"f17xiqtr\"\n  },\n  \"dark-green\": {\n    Bic5iru: \"fx32vyh\"\n  },\n  \"light-teal\": {\n    Bic5iru: \"f1mkihwv\"\n  },\n  teal: {\n    Bic5iru: \"fecnooh\"\n  },\n  steel: {\n    Bic5iru: \"f15hfgzm\"\n  },\n  blue: {\n    Bic5iru: \"fqproka\"\n  },\n  \"royal-blue\": {\n    Bic5iru: \"f17v2w59\"\n  },\n  cornflower: {\n    Bic5iru: \"fp0q1mo\"\n  },\n  navy: {\n    Bic5iru: \"f1nlym55\"\n  },\n  lavender: {\n    Bic5iru: \"f62vk8h\"\n  },\n  purple: {\n    Bic5iru: \"f15zl69q\"\n  },\n  grape: {\n    Bic5iru: \"f53w4j7\"\n  },\n  lilac: {\n    Bic5iru: \"fu2771t\"\n  },\n  pink: {\n    Bic5iru: \"fzflscs\"\n  },\n  magenta: {\n    Bic5iru: \"fb6rmqc\"\n  },\n  plum: {\n    Bic5iru: \"f1a4gm5b\"\n  },\n  beige: {\n    Bic5iru: \"f1qpf9z1\"\n  },\n  mink: {\n    Bic5iru: \"f1l7or83\"\n  },\n  platinum: {\n    Bic5iru: \"fzrj0iu\"\n  },\n  anchor: {\n    Bic5iru: \"f8oz6wf\"\n  }\n}, {\n  d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n  const {\n    size,\n    shape,\n    active,\n    activeAppearance,\n    color\n  } = state;\n  const rootClassName = useRootClassName();\n  const imageClassName = useImageClassName();\n  const iconInitialsClassName = useIconInitialsClassName();\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n  const colorStyles = useColorStyles();\n  const ringColorStyles = useRingColorStyles();\n  const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n  if (state.badge) {\n    rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\n  }\n  if (size <= 24) {\n    rootClasses.push(styles.textCaption2Strong);\n  } else if (size <= 28) {\n    rootClasses.push(styles.textCaption1Strong);\n  } else if (size <= 40) {\n    // Default text size included in useRootClassName\n  } else if (size <= 56) {\n    rootClasses.push(styles.textSubtitle2);\n  } else if (size <= 96) {\n    rootClasses.push(styles.textSubtitle1);\n  } else {\n    rootClasses.push(styles.textTitle3);\n  }\n  if (shape === 'square') {\n    if (size <= 24) {\n      rootClasses.push(styles.squareSmall);\n    } else if (size <= 48) {\n      rootClasses.push(styles.squareMedium);\n    } else if (size <= 72) {\n      rootClasses.push(styles.squareLarge);\n    } else {\n      rootClasses.push(styles.squareXLarge);\n    }\n  }\n  if (active === 'active' || active === 'inactive') {\n    rootClasses.push(styles.activeOrInactive);\n    if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n      rootClasses.push(styles.ring, ringColorStyles[color]);\n      if (state.badge) {\n        rootClasses.push(styles.ringBadgeCutout);\n      }\n      if (size <= 48) {\n        rootClasses.push(styles.ringThick);\n      } else if (size <= 64) {\n        rootClasses.push(styles.ringThicker);\n      } else {\n        rootClasses.push(styles.ringThickest);\n      }\n    }\n    if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n      rootClasses.push(styles.shadow);\n      if (size <= 28) {\n        rootClasses.push(styles.shadow4);\n      } else if (size <= 48) {\n        rootClasses.push(styles.shadow8);\n      } else if (size <= 64) {\n        rootClasses.push(styles.shadow16);\n      } else {\n        rootClasses.push(styles.shadow28);\n      }\n    }\n    // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n    if (active === 'inactive') {\n      rootClasses.push(styles.inactive);\n    }\n  }\n  state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n  if (state.badge) {\n    state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n  }\n  if (state.image) {\n    state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n  }\n  if (state.initials) {\n    state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n  }\n  if (state.icon) {\n    let iconSizeClass;\n    if (size <= 16) {\n      iconSizeClass = styles.icon12;\n    } else if (size <= 24) {\n      iconSizeClass = styles.icon16;\n    } else if (size <= 40) {\n      iconSizeClass = styles.icon20;\n    } else if (size <= 48) {\n      iconSizeClass = styles.icon24;\n    } else if (size <= 56) {\n      iconSizeClass = styles.icon28;\n    } else if (size <= 72) {\n      iconSizeClass = styles.icon32;\n    } else {\n      iconSizeClass = styles.icon48;\n    }\n    state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bucmhp4","b2tv09","Bfgortx","Bnvr3x9","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
+{"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const avatarClassNames = {\n  root: 'fui-Avatar',\n  image: 'fui-Avatar__image',\n  initials: 'fui-Avatar__initials',\n  icon: 'fui-Avatar__icon',\n  badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n  badgeRadius: '--fui-Avatar-badgeRadius',\n  badgeGap: '--fui-Avatar-badgeGap',\n  badgeAlign: '--fui-Avatar-badgeAlign',\n  ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n  r: [\".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n  s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\nconst useImageClassName = /*#__PURE__*/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /*#__PURE__*/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\"]);\n/**\n * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n *\n * Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n */\nconst badgeMask = margin => {\n  // Center the cutout at the badge's radius away from the edge.\n  // The ring (::before) also has a 2 * ringWidth margin that also needs to be offset.\n  const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n  // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n  // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n  const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n  const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n  return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = /*#__PURE__*/__styles({\n  textCaption2Strong: {\n    Be2twd7: \"f13mqy1h\"\n  },\n  textCaption1Strong: {\n    Be2twd7: \"fy9rknc\"\n  },\n  textSubtitle2: {\n    Be2twd7: \"fod5ikn\"\n  },\n  textSubtitle1: {\n    Be2twd7: \"f1pp30po\"\n  },\n  textTitle3: {\n    Be2twd7: \"f1x0m3f5\"\n  },\n  squareSmall: {\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n  },\n  squareMedium: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  squareLarge: {\n    Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n    Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n    B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n    Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n  },\n  squareXLarge: {\n    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"]\n  },\n  activeOrInactive: {\n    Bz10aip: \"ftfx35i\",\n    Bmy1vo4: \"fv0atk9\",\n    B3o57yi: \"f1iry5bo\",\n    Bkqvd7p: \"f15n41j8\",\n    Hwfdqs: \"f1onx1g3\"\n  },\n  ring: {\n    Ftih45: \"f1wl9k8s\"\n  },\n  ringBadgeCutout: {\n    f4a502: \"fp2gujx\"\n  },\n  ringThick: {\n    of393c: \"fq1w1vq\"\n  },\n  ringThicker: {\n    of393c: \"fzg6ace\"\n  },\n  ringThickest: {\n    of393c: \"f1nu8p71\"\n  },\n  shadow: {\n    Bsft5z2: \"f13zj6fq\"\n  },\n  shadow4: {\n    Be6vj1x: \"fcjn15l\"\n  },\n  shadow8: {\n    Be6vj1x: \"f1tm8t9f\"\n  },\n  shadow16: {\n    Be6vj1x: \"f1a1aohj\"\n  },\n  shadow28: {\n    Be6vj1x: \"fond6v5\"\n  },\n  inactive: {\n    abs64n: \"fp25eh\",\n    Bz10aip: \"f1clczzi\",\n    Bkqvd7p: \"f1l3s34x\",\n    Bucmhp4: \"f1f5ar78\",\n    b2tv09: [\"fqxtap0\", \"fhjukvy\"],\n    Bfgortx: \"f1qj1nzo\",\n    Bnvr3x9: [\"fhjukvy\", \"fqxtap0\"],\n    b6ubon: \"fw457kn\",\n    Bqinb2h: \"f1wmllxl\"\n  },\n  badge: {\n    qhf8xq: \"f1euv43f\",\n    B5kzvoi: \"f1yab3r1\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n  },\n  badgeCutout: {\n    btxmck: \"f1eugkqs\"\n  },\n  badgeAlign: {\n    Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n  },\n  tiny: {\n    Bdjeniz: \"f1uwoubl\",\n    niu6jh: \"fid048z\"\n  },\n  \"extra-small\": {\n    Bdjeniz: \"f13ar0e0\",\n    niu6jh: \"fid048z\"\n  },\n  small: {\n    Bdjeniz: \"fwwuruf\",\n    niu6jh: \"fid048z\"\n  },\n  medium: {\n    Bdjeniz: \"f1af27q5\",\n    niu6jh: \"fid048z\"\n  },\n  large: {\n    Bdjeniz: \"f18yy57a\",\n    niu6jh: \"f924bxt\"\n  },\n  \"extra-large\": {\n    Bdjeniz: \"f2jg042\",\n    niu6jh: \"f924bxt\"\n  },\n  icon12: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  icon16: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  icon20: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  icon24: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  icon28: {\n    Be2twd7: \"f24l1pt\"\n  },\n  icon32: {\n    Be2twd7: \"ffl51b\"\n  },\n  icon48: {\n    Be2twd7: \"f18m8u13\"\n  }\n}, {\n  d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1f5ar78::before,.f1f5ar78::after{margin-top:0;}\", \".fqxtap0::before,.fqxtap0::after{margin-right:0;}\", \".fhjukvy::before,.fhjukvy::after{margin-left:0;}\", \".f1qj1nzo::before,.f1qj1nzo::after{margin-bottom:0;}\", \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n  \"16\": {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\"\n  },\n  \"20\": {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\"\n  },\n  \"24\": {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\"\n  },\n  \"28\": {\n    a9b677: \"f1w9dchk\",\n    Bqenvij: \"fxldao9\"\n  },\n  \"32\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  },\n  \"36\": {\n    a9b677: \"fpdz1er\",\n    Bqenvij: \"f8ljn23\"\n  },\n  \"40\": {\n    a9b677: \"feqmc2u\",\n    Bqenvij: \"fbhnoac\"\n  },\n  \"48\": {\n    a9b677: \"f124akge\",\n    Bqenvij: \"ff2sm71\"\n  },\n  \"56\": {\n    a9b677: \"f1u66zr1\",\n    Bqenvij: \"fzki0ko\"\n  },\n  \"64\": {\n    a9b677: \"fa9ln6p\",\n    Bqenvij: \"f16k9i2m\"\n  },\n  \"72\": {\n    a9b677: \"fhcae8x\",\n    Bqenvij: \"f1shusfg\"\n  },\n  \"96\": {\n    a9b677: \"f1kyr2gn\",\n    Bqenvij: \"fypu0ge\"\n  },\n  \"120\": {\n    a9b677: \"fwfqyga\",\n    Bqenvij: \"fjr5b71\"\n  },\n  \"128\": {\n    a9b677: \"f1iksgmy\",\n    Bqenvij: \"fele2au\"\n  }\n}, {\n  d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n  neutral: {\n    sj55zd: \"f11d4kpn\",\n    De3pzq: \"f18f03hv\"\n  },\n  brand: {\n    sj55zd: \"fonrgv7\",\n    De3pzq: \"f1blnnmj\"\n  },\n  \"dark-red\": {\n    sj55zd: \"fqjd1y1\",\n    De3pzq: \"f1vq2oo4\"\n  },\n  cranberry: {\n    sj55zd: \"fg9gses\",\n    De3pzq: \"f1lwxszt\"\n  },\n  red: {\n    sj55zd: \"f23f7i0\",\n    De3pzq: \"f1q9qhfq\"\n  },\n  pumpkin: {\n    sj55zd: \"fjnan08\",\n    De3pzq: \"fz91bi3\"\n  },\n  peach: {\n    sj55zd: \"fknu15p\",\n    De3pzq: \"f1b9nr51\"\n  },\n  marigold: {\n    sj55zd: \"f9603vw\",\n    De3pzq: \"f3z4w6d\"\n  },\n  gold: {\n    sj55zd: \"fmq0uwp\",\n    De3pzq: \"fg50kya\"\n  },\n  brass: {\n    sj55zd: \"f28g5vo\",\n    De3pzq: \"f4w2gd0\"\n  },\n  brown: {\n    sj55zd: \"ftl572b\",\n    De3pzq: \"f14wu1f4\"\n  },\n  forest: {\n    sj55zd: \"f1gymlvd\",\n    De3pzq: \"f19ut4y6\"\n  },\n  seafoam: {\n    sj55zd: \"fnnb6wn\",\n    De3pzq: \"f1n057jc\"\n  },\n  \"dark-green\": {\n    sj55zd: \"ff58qw8\",\n    De3pzq: \"f11t05wk\"\n  },\n  \"light-teal\": {\n    sj55zd: \"f1up9qbj\",\n    De3pzq: \"f42feg1\"\n  },\n  teal: {\n    sj55zd: \"f135dsb4\",\n    De3pzq: \"f6hvv1p\"\n  },\n  steel: {\n    sj55zd: \"f151dlcp\",\n    De3pzq: \"f1lnp8zf\"\n  },\n  blue: {\n    sj55zd: \"f1rjv50u\",\n    De3pzq: \"f1ggcpy6\"\n  },\n  \"royal-blue\": {\n    sj55zd: \"f1emykk5\",\n    De3pzq: \"f12rj61f\"\n  },\n  cornflower: {\n    sj55zd: \"fqsigj7\",\n    De3pzq: \"f8k7hur\"\n  },\n  navy: {\n    sj55zd: \"f1nj97xi\",\n    De3pzq: \"f19gw0ux\"\n  },\n  lavender: {\n    sj55zd: \"fwctg0i\",\n    De3pzq: \"ff379vm\"\n  },\n  purple: {\n    sj55zd: \"fjrsgpu\",\n    De3pzq: \"f1mzf1e1\"\n  },\n  grape: {\n    sj55zd: \"f1fiiydq\",\n    De3pzq: \"f1o4k8oy\"\n  },\n  lilac: {\n    sj55zd: \"f1res9jt\",\n    De3pzq: \"f1x6mz1o\"\n  },\n  pink: {\n    sj55zd: \"fv3fbbi\",\n    De3pzq: \"fydlv6t\"\n  },\n  magenta: {\n    sj55zd: \"f1f1fwnz\",\n    De3pzq: \"f4xb6j5\"\n  },\n  plum: {\n    sj55zd: \"f8ptl6j\",\n    De3pzq: \"fqo8e26\"\n  },\n  beige: {\n    sj55zd: \"f1ntv3ld\",\n    De3pzq: \"f101elhj\"\n  },\n  mink: {\n    sj55zd: \"f1fscmp\",\n    De3pzq: \"f13g8o5c\"\n  },\n  platinum: {\n    sj55zd: \"f1dr00v2\",\n    De3pzq: \"fkh7blw\"\n  },\n  anchor: {\n    sj55zd: \"f1f3ti53\",\n    De3pzq: \"fu4yj0j\"\n  }\n}, {\n  d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /*#__PURE__*/__styles({\n  neutral: {\n    Bic5iru: \"f1uuiafn\"\n  },\n  brand: {\n    Bic5iru: \"f1uuiafn\"\n  },\n  \"dark-red\": {\n    Bic5iru: \"f1t2x9on\"\n  },\n  cranberry: {\n    Bic5iru: \"f1pvshc9\"\n  },\n  red: {\n    Bic5iru: \"f1ectbk9\"\n  },\n  pumpkin: {\n    Bic5iru: \"fvzpl0b\"\n  },\n  peach: {\n    Bic5iru: \"fwj2kd7\"\n  },\n  marigold: {\n    Bic5iru: \"fr120vy\"\n  },\n  gold: {\n    Bic5iru: \"f8xmmar\"\n  },\n  brass: {\n    Bic5iru: \"f1hbety2\"\n  },\n  brown: {\n    Bic5iru: \"f1vg3s4g\"\n  },\n  forest: {\n    Bic5iru: \"f1m3olm5\"\n  },\n  seafoam: {\n    Bic5iru: \"f17xiqtr\"\n  },\n  \"dark-green\": {\n    Bic5iru: \"fx32vyh\"\n  },\n  \"light-teal\": {\n    Bic5iru: \"f1mkihwv\"\n  },\n  teal: {\n    Bic5iru: \"fecnooh\"\n  },\n  steel: {\n    Bic5iru: \"f15hfgzm\"\n  },\n  blue: {\n    Bic5iru: \"fqproka\"\n  },\n  \"royal-blue\": {\n    Bic5iru: \"f17v2w59\"\n  },\n  cornflower: {\n    Bic5iru: \"fp0q1mo\"\n  },\n  navy: {\n    Bic5iru: \"f1nlym55\"\n  },\n  lavender: {\n    Bic5iru: \"f62vk8h\"\n  },\n  purple: {\n    Bic5iru: \"f15zl69q\"\n  },\n  grape: {\n    Bic5iru: \"f53w4j7\"\n  },\n  lilac: {\n    Bic5iru: \"fu2771t\"\n  },\n  pink: {\n    Bic5iru: \"fzflscs\"\n  },\n  magenta: {\n    Bic5iru: \"fb6rmqc\"\n  },\n  plum: {\n    Bic5iru: \"f1a4gm5b\"\n  },\n  beige: {\n    Bic5iru: \"f1qpf9z1\"\n  },\n  mink: {\n    Bic5iru: \"f1l7or83\"\n  },\n  platinum: {\n    Bic5iru: \"fzrj0iu\"\n  },\n  anchor: {\n    Bic5iru: \"f8oz6wf\"\n  }\n}, {\n  d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n  const {\n    size,\n    shape,\n    active,\n    activeAppearance,\n    color\n  } = state;\n  const rootClassName = useRootClassName();\n  const imageClassName = useImageClassName();\n  const iconInitialsClassName = useIconInitialsClassName();\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n  const colorStyles = useColorStyles();\n  const ringColorStyles = useRingColorStyles();\n  const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n  if (state.badge) {\n    rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\n  }\n  if (size <= 24) {\n    rootClasses.push(styles.textCaption2Strong);\n  } else if (size <= 28) {\n    rootClasses.push(styles.textCaption1Strong);\n  } else if (size <= 40) {\n    // Default text size included in useRootClassName\n  } else if (size <= 56) {\n    rootClasses.push(styles.textSubtitle2);\n  } else if (size <= 96) {\n    rootClasses.push(styles.textSubtitle1);\n  } else {\n    rootClasses.push(styles.textTitle3);\n  }\n  if (shape === 'square') {\n    if (size <= 24) {\n      rootClasses.push(styles.squareSmall);\n    } else if (size <= 48) {\n      rootClasses.push(styles.squareMedium);\n    } else if (size <= 72) {\n      rootClasses.push(styles.squareLarge);\n    } else {\n      rootClasses.push(styles.squareXLarge);\n    }\n  }\n  if (active === 'active' || active === 'inactive') {\n    rootClasses.push(styles.activeOrInactive);\n    if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n      rootClasses.push(styles.ring, ringColorStyles[color]);\n      if (state.badge) {\n        rootClasses.push(styles.ringBadgeCutout);\n      }\n      if (size <= 48) {\n        rootClasses.push(styles.ringThick);\n      } else if (size <= 64) {\n        rootClasses.push(styles.ringThicker);\n      } else {\n        rootClasses.push(styles.ringThickest);\n      }\n    }\n    if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n      rootClasses.push(styles.shadow);\n      if (size <= 28) {\n        rootClasses.push(styles.shadow4);\n      } else if (size <= 48) {\n        rootClasses.push(styles.shadow8);\n      } else if (size <= 64) {\n        rootClasses.push(styles.shadow16);\n      } else {\n        rootClasses.push(styles.shadow28);\n      }\n    }\n    // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n    if (active === 'inactive') {\n      rootClasses.push(styles.inactive);\n    }\n  }\n  state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n  if (state.badge) {\n    state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n  }\n  if (state.image) {\n    state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n  }\n  if (state.initials) {\n    state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n  }\n  if (state.icon) {\n    let iconSizeClass;\n    if (size <= 16) {\n      iconSizeClass = styles.icon12;\n    } else if (size <= 24) {\n      iconSizeClass = styles.icon16;\n    } else if (size <= 40) {\n      iconSizeClass = styles.icon20;\n    } else if (size <= 48) {\n      iconSizeClass = styles.icon24;\n    } else if (size <= 56) {\n      iconSizeClass = styles.icon28;\n    } else if (size <= 72) {\n      iconSizeClass = styles.icon32;\n    } else {\n      iconSizeClass = styles.icon48;\n    }\n    state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bucmhp4","b2tv09","Bfgortx","Bnvr3x9","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}

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

@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AvatarGroup", {
     enumerable: true,
-    get: ()=>AvatarGroup
+    get: function() {
+        return AvatarGroup;
+    }
 });
-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 _renderAvatarGroup = require("./renderAvatarGroup");
 const _useAvatarGroup = require("./useAvatarGroup");
 const _useAvatarGroupContextValues = require("./useAvatarGroupContextValues");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useAvatarGroupStylesStyles = require("./useAvatarGroupStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useAvatarGroupStylesstyles = require("./useAvatarGroupStyles.styles");
 const AvatarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAvatarGroup.useAvatarGroup_unstable)(props, ref);
     const contextValues = (0, _useAvatarGroupContextValues.useAvatarGroupContextValues)(state);
-    (0, _useAvatarGroupStylesStyles.useAvatarGroupStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupStyles_unstable')(state);
+    (0, _useAvatarGroupStylesstyles.useAvatarGroupStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAvatarGroupStyles_unstable')(state);
     return (0, _renderAvatarGroup.renderAvatarGroup_unstable)(state, contextValues);
 });
 AvatarGroup.displayName = 'AvatarGroup';

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';\n/**\n * The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n */ export const AvatarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAvatarGroup_unstable(props, ref);\n    const contextValues = useAvatarGroupContextValues(state);\n    useAvatarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);\n    return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroup_unstable","displayName"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;mCACoB;gCACH;6CACI;qCACA;4CACE;AAInC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACxE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAA2B,EAACH;IAClDI,IAAAA,yDAA6B,EAACJ;IAC9BK,IAAAA,gDAA2B,EAAC,iCAAiCL;IAC7D,OAAOM,IAAAA,6CAA0B,EAACN,OAAOE;AAC7C;AACAP,YAAYY,WAAW,GAAG"}
+{"version":3,"sources":["AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';\n/**\n * The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n */ export const AvatarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAvatarGroup_unstable(props, ref);\n    const contextValues = useAvatarGroupContextValues(state);\n    useAvatarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);\n    return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroup_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;mCACoB;gCACH;6CACI;qCACA;4CACE;AAInC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAA2B,EAACH;IAClDI,IAAAA,yDAA6B,EAACJ;IAC9BK,IAAAA,gDAA2B,EAAC,iCAAiCL;IAC7D,OAAOM,IAAAA,6CAA0B,EAACN,OAAOE;AAC7C;AACAP,YAAYY,WAAW,GAAG"}

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./AvatarGroup"), exports);
-_exportStar(require("./AvatarGroup.types"), exports);
-_exportStar(require("./renderAvatarGroup"), exports);
-_exportStar(require("./useAvatarGroup"), exports);
-_exportStar(require("./useAvatarGroupStyles.styles"), exports);
-_exportStar(require("./useAvatarGroupContextValues"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AvatarGroup"), exports);
+_export_star._(require("./AvatarGroup.types"), exports);
+_export_star._(require("./renderAvatarGroup"), exports);
+_export_star._(require("./useAvatarGroup"), exports);
+_export_star._(require("./useAvatarGroupStyles.styles"), exports);
+_export_star._(require("./useAvatarGroupContextValues"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroup';\nexport * from './AvatarGroup.types';\nexport * from './renderAvatarGroup';\nexport * from './useAvatarGroup';\nexport * from './useAvatarGroupStyles.styles';\nexport * from './useAvatarGroupContextValues';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroup';\nexport * from './AvatarGroup.types';\nexport * from './renderAvatarGroup';\nexport * from './useAvatarGroup';\nexport * from './useAvatarGroupStyles.styles';\nexport * from './useAvatarGroupContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,17 +1,20 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderAvatarGroup_unstable", {
     enumerable: true,
-    get: ()=>renderAvatarGroup_unstable
+    get: function() {
+        return renderAvatarGroup_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _AvatarGroupContext = require("../../contexts/AvatarGroupContext");
 const renderAvatarGroup_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
-        value: contextValues.avatarGroup
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AvatarGroupContext.AvatarGroupProvider, {
+        value: contextValues.avatarGroup,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
 };