@fluentui/react-avatar 9.5.17 → 9.5.19

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

@@ -1 +1 @@
-{"version":3,"sources":["useAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useId } 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 = 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    const [imageHidden, setImageHidden] = React.useState(undefined);\n    let image = resolveShorthand(props.image, {\n        defaultProps: {\n            alt: '',\n            role: 'presentation',\n            'aria-hidden': true,\n            hidden: imageHidden\n        }\n    });\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    }\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    }\n    // Resolve the initials slot, defaulted to getInitials.\n    let initials = resolveShorthand(props.initials, {\n        required: true,\n        defaultProps: {\n            children: getInitials(name, dir === 'rtl', {\n                firstInitialOnly: size <= 16\n            }),\n            id: baseId + '__initials'\n        }\n    });\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    }\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 = resolveShorthand(props.icon, {\n            required: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(PersonRegular, null),\n                'aria-hidden': true\n            }\n        });\n    }\n    const badge = resolveShorthand(props.badge, {\n        defaultProps: {\n            size: getBadgeSize(size),\n            id: baseId + '__badge'\n        }\n    });\n    let activeAriaLabelElement;\n    // 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;\n            // 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        }\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","getNativeElementProps","role","id","imageHidden","setImageHidden","React","useState","undefined","image","resolveShorthand","defaultProps","alt","hidden","src","onError","mergeCallbacks","onLoad","initials","required","children","getInitials","firstInitialOnly","icon","createElement","PersonRegular","badge","getBadgeSize","activeAriaLabelElement","activeText","activeId","components","PresenceBadge","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    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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"}

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

@@ -28,23 +28,27 @@ const vars = {
     badgeAlign: '--fui-Avatar-badgeAlign',
     ringWidth: '--fui-Avatar-ringWidth'
 };
-const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r81b29z", "r1aatmv", [
-    ".r81b29z{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;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);}",
-    "@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}",
-    ".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}",
-    ".r1aatmv{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;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);}",
-    "@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}",
-    ".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}"
-]);
+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);}",
+        ".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);}"
+    ],
+    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;}}"
+    ]
+});
 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", [
-    ".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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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;}"
+    ".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;}"
 ]);
 /**
  * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.
@@ -288,7 +292,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}",
         ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}",
         ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}",
-        ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}",
+        ".ftfx35i{transform:perspective(1px);}",
         ".fv0atk9{transition-property:transform,opacity;}",
         ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}",
         ".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}",
@@ -303,7 +307,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1a1aohj::after{box-shadow:var(--shadow16);}",
         ".fond6v5::after{box-shadow:var(--shadow28);}",
         ".fp25eh{opacity:0.8;}",
-        ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}",
+        ".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;}",

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\", [\".r81b29z{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;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);}\", \"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;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);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"]);\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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);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{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);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","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/renderAvatarGroup.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
 const renderAvatarGroup_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    (0, _reactUtilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
         value: contextValues.avatarGroup
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */ export const renderAvatarGroup_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(AvatarGroupProvider, {\n        value: contextValues.avatarGroup\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;oCACO;AAGzB,MAAMA,6BAA6B,CAACC,OAAOC,gBAAgB;IAClE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,uCAAmB,EAAE;QACpDC,OAAON,cAAcO,WAAW;IACpC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC7D"}
+{"version":3,"sources":["renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */ export const renderAvatarGroup_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(AvatarGroupProvider, {\n        value: contextValues.avatarGroup\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","assertSlots","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;oCACQ;AAGzB,MAAMA,6BAA6B,CAACC,OAAOC,gBAAgB;IAClEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,uCAAmB,EAAE;QACpDC,OAAOJ,cAAcK,WAAW;IACpC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAE,IAAI;AACnD"}

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

@@ -17,13 +17,15 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 const useAvatarGroup_unstable = (props, ref)=>{
     const { layout ='spread' , size =defaultAvatarGroupSize  } = props;
-    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
         role: 'group',
         ...props,
         ref
     }, [
         'size'
-    ]);
+    ]), {
+        elementType: 'div'
+    });
     return {
         layout,
         size,

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

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

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

@@ -31,9 +31,9 @@ const avatarGroupClassNames = {
     }
 }, {
     d: [
-        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
+        ".ftuwxu6{display:inline-flex;}",
         ".f10pi13n{position:relative;}",
-        ".f1uz6ud1{-webkit-clip-path:circle(50%);clip-path:circle(50%);}",
+        ".f1uz6ud1{clip-path:circle(50%);}",
         ".f1ganh6p{background-color:var(--colorTransparentStroke);}"
     ],
     m: [

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

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

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

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderAvatarGroupItem_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderAvatarGroupItem_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.overflowLabel, slotProps.overflowLabel));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.avatar, null), state.isOverflowItem && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.overflowLabel, null));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */ export const renderAvatarGroupItem_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,iCAAiC,CAACC,QAAQ;IACvD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACH,MAAMK,MAAM,EAAEJ,UAAUI,MAAM,GAAGN,MAAMO,cAAc,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,aAAa,EAAEN,UAAUM,aAAa;AAChO"}
+{"version":3,"sources":["renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */ export const renderAvatarGroupItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.avatar, null), state.isOverflowItem && /*#__PURE__*/ createElement(state.overflowLabel, null));\n};\n"],"names":["renderAvatarGroupItem_unstable","state","assertSlots","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,iCAAiC,CAACC,QAAQ;IACvDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACF,MAAMI,MAAM,EAAE,IAAI,GAAGJ,MAAMK,cAAc,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMM,aAAa,EAAE,IAAI;AACvL"}

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

@@ -34,29 +34,29 @@ const useAvatarGroupItem_unstable = (props, ref)=>{
             avatar: _avatar.Avatar,
             overflowLabel: 'span'
         },
-        root: (0, _reactUtilities.resolveShorthand)(props.root, {
-            required: true,
+        root: _reactUtilities.slot.always(props.root, {
             defaultProps: {
                 style,
                 className
-            }
+            },
+            elementType: groupIsOverflow ? 'li' : 'div'
         }),
-        avatar: (0, _reactUtilities.resolveShorthand)(props.avatar, {
-            required: true,
+        avatar: _reactUtilities.slot.always(props.avatar, {
             defaultProps: {
                 ref,
                 size,
                 color: 'colorful',
                 ...avatarSlotProps
-            }
+            },
+            elementType: _avatar.Avatar
         }),
-        overflowLabel: (0, _reactUtilities.resolveShorthand)(props.overflowLabel, {
-            required: true,
+        overflowLabel: _reactUtilities.slot.always(props.overflowLabel, {
             defaultProps: {
                 // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.
                 'aria-hidden': true,
                 children: props.name
-            }
+            },
+            elementType: 'span'
         })
     };
 };

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

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

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

@@ -63,9 +63,9 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
     }
 }, {
     d: [
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
-        ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
+        ".f122n59{align-items:center;}",
+        ".ftuwxu6{display:inline-flex;}",
+        ".fi64zpg{flex-shrink:0;}",
         ".f10pi13n{position:relative;}",
         ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
         ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
@@ -298,33 +298,33 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 }, {
     d: [
         ".f1euv43f{position:absolute;}",
-        ".f16m7w7k:nth-of-type(1):nth-last-of-type(2){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
+        ".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
         ".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}",
         ".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}",
-        ".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
+        ".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
         ".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}",
         ".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}",
-        ".fjreaf3:nth-of-type(1):nth-last-of-type(3){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
+        ".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
         ".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}",
         ".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}",
-        ".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){-webkit-clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}",
+        ".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}",
         ".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}",
         ".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}",
-        ".ff6xuso:nth-of-type(2):nth-last-of-type(2){-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}",
+        ".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}",
         ".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}",
-        ".f4onu7f:nth-of-type(3):nth-last-of-type(1){-webkit-clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}",
+        ".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}",
         ".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}",
         ".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}",
         ".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}",
-        ".fchq2fj:nth-of-type(3):nth-last-of-type(1){-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}",
+        ".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}",
         ".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}",
-        ".f5vdl61:nth-of-type(1):nth-last-of-type(2){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
-        ".f1bnra92:nth-of-type(2):nth-last-of-type(1){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
-        ".f4ibo7t:nth-of-type(1):nth-last-of-type(3){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
-        ".f17heuis:nth-of-type(2):nth-last-of-type(2){-webkit-clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}",
+        ".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
+        ".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}",
+        ".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}",
+        ".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}",
         ".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}",
         ".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}",
-        ".fa6l61x:nth-of-type(3):nth-last-of-type(1){-webkit-clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}",
+        ".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}",
         ".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}",
         ".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}",
         ".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}",