npm - @fluentui/react-avatar - Versions diffs - 9.6.31 → 9.6.32 - Mend

@fluentui/react-avatar 9.6.31 → 9.6.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderAvatar.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx,~~ ~~jsxs as _jsxs } from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderAvatar_unstable = (state)=>{\n assertSlots(state);\n return ~~/#__PURE__/ _jsxs~~(state.root, {~~\n children: [\n~~ state.initials && ~~/#__PURE__/ _jsx(~~state.initials, {}~~),\~~n state.icon && ~~/#__PURE__/ _jsx(~~state.icon, {}~~),\~~n state.image && ~~/#__PURE__/ _jsx(~~state.image, {}~~),\~~n state.badge && ~~/#__PURE__/ _jsx(~~state.badge, {}~~),\~~n state.activeAriaLabelElement\n ]\n });\n};\n"],"names":["renderAvatar_unstable","state","assertSlots","_jsxs","root","~~children","~~initials","_jsx","icon","image","badge","activeAriaLabelElement"],"mappings":";;;;+~~BAEaA~~;;;eAAAA;;;~~4BAFgC~~;~~gCACjB~~;~~AACrB~~,MAAMA,wBAAwB,CAACC;~~IAClCC~~,IAAAA,~~2BAAW~~,~~EAACD~~;~~IACZ~~,~~OAAO~~,~~WAAW~~,~~GAAGE~~,IAAAA,~~gBAAK~~,EAACF,MAAMG,IAAI,~~EAAE;QACnCC~~,~~UAAU;YACNJ~~,~~MAAMK,~~QAAQ,~~IAAI~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~eAAI~~,~~EAACN~~,~~MAAMK~~,QAAQ,~~EAAE~~,~~CAAC~~;~~YACtDL~~,~~MAAMO~~,IAAI,~~IAAI~~,~~WAAW~~,~~GAAGD~~,IAAAA,~~eAAI~~,~~EAACN~~,~~MAAMO~~,IAAI,~~EAAE~~,~~CAAC~~;~~YAC9CP~~,~~MAAMQ~~,KAAK,~~IAAI~~,~~WAAW~~,~~GAAGF~~,IAAAA,~~eAAI~~,~~EAACN~~,~~MAAMQ~~,KAAK,~~EAAE~~,~~CAAC~~;~~YAChDR~~,~~MAAMS~~,KAAK,~~IAAI~~,~~WAAW~~,~~GAAGH~~,IAAAA,~~eAAI~~,~~EAACN~~,~~MAAMS~~,KAAK,~~EAAE~~,~~CAAC~~;~~YAChDT~~,~~MAAMU~~,sBAAsB~~;SAC/B;IACL;AACJ~~"}
1	+ {"version":3,"sources":["renderAvatar.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const renderAvatar_unstable = (state: AvatarState) => {\n assertSlots<AvatarSlots>(state);\n\n return (\n <state.root>\n {state.initials && <state.initials />}\n {state.icon && <state.icon />}\n {state.image && <state.image />}\n {state.badge && <state.badge />}\n {state.activeAriaLabelElement}\n </state.root>\n );\n};\n"],"names":["renderAvatar_unstable","state","assertSlots","_jsxs","root","initials","_jsx","icon","image","badge","activeAriaLabelElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;gCAE4B;AAGrB,MAAMA,wBAAwB,CAACC;IACpCC,IAAAA,2BAAAA,EAAyBD;IAEzB,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,QAAQ,EAAA,CAAA;YACjCJ,MAAMM,IAAI,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,IAAI,EAAA,CAAA;YACzBN,MAAMO,KAAK,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,KAAK,EAAA,CAAA;YAC3BP,MAAMQ,KAAK,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,KAAK,EAAA,CAAA;YAC3BR,MAAMS,sBAAsB;;;AAGnC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, 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(getIntrinsicElementProps('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","getIntrinsicElementProps","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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"}
1	+ {"version":3,"sources":["useAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, useId, slot } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport type { AvatarNamedColor, AvatarProps, AvatarState } from './Avatar.types';\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';\n\nexport const DEFAULT_STRINGS = {\n active: 'active',\n inactive: 'inactive',\n};\n\nexport const useAvatar_unstable = (props: AvatarProps, ref: React.Ref<HTMLElement>): AvatarState => {\n const { dir } = useFluent();\n const { shape: contextShape, size: contextSize } = useAvatarContext();\n const {\n name,\n size = contextSize ?? (32 as const),\n shape = contextShape ?? 'circular',\n active = 'unset',\n activeAppearance = 'ring',\n idForColor,\n } = props;\n let { color = 'neutral' } = props;\n\n // Resolve 'colorful' to a specific color name\n if (color === 'colorful') {\n color = avatarColors[getHashCode(idForColor ?? name ?? '') % avatarColors.length];\n }\n\n const baseId = useId('avatar-');\n\n const root: AvatarState['root'] = slot.always(\n getIntrinsicElementProps(\n 'span',\n {\n role: 'img',\n id: baseId,\n // aria-label and/or aria-labelledby are resolved below\n ...props,\n ref,\n },\n /* excludedPropNames: / ['name'],\n ),\n { elementType: 'span' },\n );\n const [imageHidden, setImageHidden] = React.useState<true \| undefined>(undefined);\n let image: AvatarState['image'] = slot.optional(props.image, {\n defaultProps: { alt: '', role: 'presentation', 'aria-hidden': true, hidden: imageHidden },\n elementType: 'img',\n }); // Image shouldn't be rendered if its src is not set\n if (!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: AvatarState['initials'] = slot.optional(props.initials, {\n renderByDefault: true,\n defaultProps: {\n children: getInitials(name, dir === 'rtl', { firstInitialOnly: size <= 16 }),\n id: baseId + '__initials',\n },\n elementType: 'span',\n }); // Don't render the initials slot if it's empty\n if (!initials?.children) {\n initials = undefined;\n } // Render the icon slot only if* there aren't any initials or image to display\n let icon: AvatarState['icon'] = undefined;\n if (!initials && (!image \|\| imageHidden)) {\n icon = slot.optional(props.icon, {\n renderByDefault: true,\n defaultProps: { children: <PersonRegular />, 'aria-hidden': true },\n elementType: 'span',\n });\n }\n const badge: AvatarState['badge'] = slot.optional(props.badge, {\n defaultProps: { size: getBadgeSize(size), id: baseId + '__badge' },\n elementType: PresenceBadge,\n });\n let activeAriaLabelElement: AvatarState['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 = (\n <span hidden id={activeId}>\n {activeText}\n </span>\n );\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: { root: 'span', initials: 'span', icon: 'span', image: 'img', badge: PresenceBadge },\n root,\n initials,\n icon,\n image,\n badge,\n };\n};\nconst getBadgeSize = (size: AvatarState['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};\n\nconst avatarColors: AvatarNamedColor[] = [\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];\n\nconst getHashCode = (str: string): number => {\n let hashCode = 0;\n for (let len: number = 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\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","avatarColors","getHashCode","length","baseId","useId","root","slot","always","getIntrinsicElementProps","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","span","components","str","hashCode","len","ch","charCodeAt","shift"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -12,11 +12,11 @@ _export(exports, {
     avatarClassNames: function() {
         return avatarClassNames;
     },
-    useSizeStyles: function() {
-        return useSizeStyles;
-    },
     useAvatarStyles_unstable: function() {
         return useAvatarStyles_unstable;
+    },
+    useSizeStyles: function() {
+        return useSizeStyles;
     }
 });
 const _react = require("@griffel/react");

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses } 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;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;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 Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fq9zq91\"\n },\n squareMedium: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n squareLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1o0qvyv\"\n },\n squareXLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1kijzfu\"\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 Bfgortx: 0,\n Bnvr3x9: 0,\n b2tv09: 0,\n Bucmhp4: 0,\n iayac2: \"flkahu5\",\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);}\", [\".fq9zq91{border-radius:var(--borderRadiusSmall);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1o0qvyv{border-radius:var(--borderRadiusLarge);}\", {\n p: -1\n }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n p: -1\n }], \".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);}\", [\".flkahu5::before,.flkahu5::after{margin:0;}\", {\n p: -1\n }], \".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 'use no memo';\n\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","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","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","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","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":";;;;;;;;;;;IAEaA,gBAAgB;eAAhBA;;IAyMAC,aAAa;eAAbA;;IAoSAC,wBAAwB;eAAxBA;;;uBA9eyC;AAC/C,MAAMF,mBAAmB;IAC9BG,MAAM;IACNC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNC,OAAO;AACT;AACA,mDAAmD;AACnD,MAAMC,OAAO;IACXC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,WAAW;AACb;AACA,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,WAAW;IACxEC,GAAG;QAAC;QAAmQ;QAAsV;QAAkF;QAAmQ;QAAsV;KAAiF;IACz1CC,GAAG;QAAC;QAAqH;KAAoH;AAC/O;AACA,MAAMC,oBAAoB,WAAW,GAAEH,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAA+H;CAA8H;AAC1U,MAAMI,2BAA2B,WAAW,GAAEJ,IAAAA,oBAAa,EAAC,UAAU,WAAW;IAAC;IAA8V;CAA+V;AAC/wB;;;;;CAKC,GACD,MAAMK,YAAYC,CAAAA;IAChB,8DAA8D;IAC9D,oFAAoF;IACpF,MAAMC,eAAeD,SAAS,CAAC,SAAS,EAAEZ,KAAKC,WAAW,CAAC,IAAI,EAAEW,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,EAAEZ,KAAKC,WAAW,CAAC,CAAC,CAAC;IACvG,qHAAqH;IACrH,kFAAkF;IAClF,MAAMa,cAAc,CAAC,SAAS,EAAEd,KAAKC,WAAW,CAAC,QAAQ,EAAED,KAAKE,QAAQ,CAAC,WAAW,CAAC;IACrF,MAAMa,cAAc,CAAC,SAAS,EAAEf,KAAKC,WAAW,CAAC,QAAQ,EAAED,KAAKE,QAAQ,CAAC,WAAW,CAAC;IACrF,OAAO,CAAC,iCAAiC,EAAEW,aAAa,KAAK,EAAEb,KAAKG,UAAU,CAAC,EAAE,EAAEU,aAAa,EAAE,CAAC,GAAG,CAAC,YAAY,EAAEC,YAAY,QAAQ,EAAEC,YAAY,CAAC,CAAC;AAC3J;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,oBAAoB;QAClBC,SAAS;IACX;IACAC,oBAAoB;QAClBD,SAAS;IACX;IACAE,eAAe;QACbF,SAAS;IACX;IACAG,eAAe;QACbH,SAAS;IACX;IACAI,YAAY;QACVJ,SAAS;IACX;IACAK,aAAa;QACXC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZL,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAE,aAAa;QACXN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAG,cAAc;QACZP,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAI,kBAAkB;QAChBC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;IACV;IACAC,iBAAiB;QACfC,QAAQ;IACV;IACAC,WAAW;QACTC,QAAQ;IACV;IACAC,aAAa;QACXD,QAAQ;IACV;IACAE,cAAc;QACZF,QAAQ;IACV;IACAG,QAAQ;QACNC,SAAS;IACX;IACAC,SAAS;QACPC,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,UAAU;QACRF,SAAS;IACX;IACAG,UAAU;QACRH,SAAS;IACX;IACAI,UAAU;QACRC,QAAQ;QACRrB,SAAS;QACTG,SAAS;QACTmB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACA/D,OAAO;QACLgE,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,aAAa;QACXC,QAAQ;IACV;IACAhE,YAAY;QACViE,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,MAAM;QACJC,SAAS;QACTC,QAAQ;IACV;IACA,eAAe;QACbD,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;IACAE,QAAQ;QACNH,SAAS;QACTC,QAAQ;IACV;IACAG,OAAO;QACLJ,SAAS;QACTC,QAAQ;IACV;IACA,eAAe;QACbD,SAAS;QACTC,QAAQ;IACV;IACAI,QAAQ;QACNxD,SAAS;IACX;IACAyD,QAAQ;QACNzD,SAAS;IACX;IACA0D,QAAQ;QACN1D,SAAS;IACX;IACA2D,QAAQ;QACN3D,SAAS;IACX;IACA4D,QAAQ;QACN5D,SAAS;IACX;IACA6D,QAAQ;QACN7D,SAAS;IACX;IACA8D,QAAQ;QACN9D,SAAS;IACX;AACF,GAAG;IACD+D,GAAG;QAAC;QAAgD;QAA+C;QAA+C;QAAgD;QAAgD;YAAC;YAAqD;gBACtSC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAsD;gBACzDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAsD;gBACzDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuD;gBAC1DA,GAAG,CAAC;YACN;SAAE;QAAE;QAAyC;QAAoD;QAAkF;QAAqF;QAAoC;QAA0xB;QAA6D;QAA+D;QAAiE;QAAmC;QAA+C;QAAgD;QAAiD;QAAgD;QAAyB;QAAsC;QAAuF;YAAC;YAA+C;gBAC1qDA,GAAG,CAAC;YACN;SAAE;QAAE;QAAgD;QAAgH;QAAiC;QAAwB;QAAuB;QAAsB;QAAmnB;QAA6C;QAA4C;QAA4C;QAA2D;QAA4C;QAA2C;QAA4C;QAA6C;QAA4D;QAA4C;QAA8B;QAA6B;QAA6B;QAA8B;QAA6B;QAA4B;KAA6B;IACjiDC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAM3F,gBAAgB,WAAW,GAAEwB,IAAAA,eAAQ,EAAC;IACjD,MAAM;QACJoE,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,MAAM;QACJD,QAAQ;QACRC,SAAS;IACX;IACA,OAAO;QACLD,QAAQ;QACRC,SAAS;IACX;IACA,OAAO;QACLD,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDJ,GAAG;QAAC;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAAyB;QAA2B;QAAyB;QAA2B;QAA0B;QAA0B;QAA0B;QAA2B;QAA2B;KAA0B;AAC5tB;AACA,MAAMK,iBAAiB,WAAW,GAAEtE,IAAAA,eAAQ,EAAC;IAC3CuE,SAAS;QACPC,QAAQ;QACRC,QAAQ;IACV;IACAC,OAAO;QACLF,QAAQ;QACRC,QAAQ;IACV;IACA,YAAY;QACVD,QAAQ;QACRC,QAAQ;IACV;IACAE,WAAW;QACTH,QAAQ;QACRC,QAAQ;IACV;IACAG,KAAK;QACHJ,QAAQ;QACRC,QAAQ;IACV;IACAI,SAAS;QACPL,QAAQ;QACRC,QAAQ;IACV;IACAK,OAAO;QACLN,QAAQ;QACRC,QAAQ;IACV;IACAM,UAAU;QACRP,QAAQ;QACRC,QAAQ;IACV;IACAO,MAAM;QACJR,QAAQ;QACRC,QAAQ;IACV;IACAQ,OAAO;QACLT,QAAQ;QACRC,QAAQ;IACV;IACAS,OAAO;QACLV,QAAQ;QACRC,QAAQ;IACV;IACAU,QAAQ;QACNX,QAAQ;QACRC,QAAQ;IACV;IACAW,SAAS;QACPZ,QAAQ;QACRC,QAAQ;IACV;IACA,cAAc;QACZD,QAAQ;QACRC,QAAQ;IACV;IACA,cAAc;QACZD,QAAQ;QACRC,QAAQ;IACV;IACAY,MAAM;QACJb,QAAQ;QACRC,QAAQ;IACV;IACAa,OAAO;QACLd,QAAQ;QACRC,QAAQ;IACV;IACAc,MAAM;QACJf,QAAQ;QACRC,QAAQ;IACV;IACA,cAAc;QACZD,QAAQ;QACRC,QAAQ;IACV;IACAe,YAAY;QACVhB,QAAQ;QACRC,QAAQ;IACV;IACAgB,MAAM;QACJjB,QAAQ;QACRC,QAAQ;IACV;IACAiB,UAAU;QACRlB,QAAQ;QACRC,QAAQ;IACV;IACAkB,QAAQ;QACNnB,QAAQ;QACRC,QAAQ;IACV;IACAmB,OAAO;QACLpB,QAAQ;QACRC,QAAQ;IACV;IACAoB,OAAO;QACLrB,QAAQ;QACRC,QAAQ;IACV;IACAqB,MAAM;QACJtB,QAAQ;QACRC,QAAQ;IACV;IACAsB,SAAS;QACPvB,QAAQ;QACRC,QAAQ;IACV;IACAuB,MAAM;QACJxB,QAAQ;QACRC,QAAQ;IACV;IACAwB,OAAO;QACLzB,QAAQ;QACRC,QAAQ;IACV;IACAyB,MAAM;QACJ1B,QAAQ;QACRC,QAAQ;IACV;IACA0B,UAAU;QACR3B,QAAQ;QACRC,QAAQ;IACV;IACA2B,QAAQ;QACN5B,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDR,GAAG;QAAC;QAAoD;QAA+D;QAAgE;QAAkE;QAA0D;QAAsE;QAA4D;QAAwE;QAAsD;QAAkE;QAA0D;QAAqE;QAAwD;QAAoE;QAA2D;QAAsE;QAAuD;QAAkE;QAAwD;QAAmE;QAAwD;QAAoE;QAA0D;QAAqE;QAA0D;QAAsE;QAA4D;QAAwE;QAA6D;QAAuE;QAAwD;QAAkE;QAAyD;QAAoE;QAAwD;QAAmE;QAA6D;QAAwE;QAA6D;QAAwE;QAAwD;QAAmE;QAA2D;QAAsE;QAAyD;QAAqE;QAAyD;QAAoE;QAAyD;QAAoE;QAAuD;QAAkE;QAA2D;QAAqE;QAAuD;QAAkE;QAAyD;QAAoE;QAAuD;QAAmE;QAA4D;QAAsE;QAA0D;KAAmE;AACl8H;AACA,MAAMoC,qBAAqB,WAAW,GAAErG,IAAAA,eAAQ,EAAC;IAC/CuE,SAAS;QACP+B,SAAS;IACX;IACA5B,OAAO;QACL4B,SAAS;IACX;IACA,YAAY;QACVA,SAAS;IACX;IACA3B,WAAW;QACT2B,SAAS;IACX;IACA1B,KAAK;QACH0B,SAAS;IACX;IACAzB,SAAS;QACPyB,SAAS;IACX;IACAxB,OAAO;QACLwB,SAAS;IACX;IACAvB,UAAU;QACRuB,SAAS;IACX;IACAtB,MAAM;QACJsB,SAAS;IACX;IACArB,OAAO;QACLqB,SAAS;IACX;IACApB,OAAO;QACLoB,SAAS;IACX;IACAnB,QAAQ;QACNmB,SAAS;IACX;IACAlB,SAAS;QACPkB,SAAS;IACX;IACA,cAAc;QACZA,SAAS;IACX;IACA,cAAc;QACZA,SAAS;IACX;IACAjB,MAAM;QACJiB,SAAS;IACX;IACAhB,OAAO;QACLgB,SAAS;IACX;IACAf,MAAM;QACJe,SAAS;IACX;IACA,cAAc;QACZA,SAAS;IACX;IACAd,YAAY;QACVc,SAAS;IACX;IACAb,MAAM;QACJa,SAAS;IACX;IACAZ,UAAU;QACRY,SAAS;IACX;IACAX,QAAQ;QACNW,SAAS;IACX;IACAV,OAAO;QACLU,SAAS;IACX;IACAT,OAAO;QACLS,SAAS;IACX;IACAR,MAAM;QACJQ,SAAS;IACX;IACAP,SAAS;QACPO,SAAS;IACX;IACAN,MAAM;QACJM,SAAS;IACX;IACAL,OAAO;QACLK,SAAS;IACX;IACAJ,MAAM;QACJI,SAAS;IACX;IACAH,UAAU;QACRG,SAAS;IACX;IACAF,QAAQ;QACNE,SAAS;IACX;AACF,GAAG;IACDrC,GAAG;QAAC;QAAsD;QAAoE;QAAsE;QAAgE;QAAmE;QAAiE;QAAoE;QAAgE;QAAkE;QAAkE;QAAmE;QAAoE;QAAqE;QAAsE;QAAgE;QAAkE;QAAgE;QAAsE;QAAsE;QAAiE;QAAoE;QAAmE;QAAiE;QAAiE;QAAgE;QAAmE;QAAiE;QAAkE;QAAiE;QAAoE;KAAiE;AACxgE;AACO,MAAMxF,2BAA2B8H,CAAAA;IACtC;IAEA,MAAM,EACJC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,gBAAgB,EAChBC,KAAK,EACN,GAAGL;IACJ,MAAMM,gBAAgBzH;IACtB,MAAM0H,iBAAiBtH;IACvB,MAAMuH,wBAAwBtH;IAC9B,MAAMuH,SAASjH;IACf,MAAMkH,aAAazI;IACnB,MAAM0I,cAAc5C;IACpB,MAAM6C,kBAAkBd;IACxB,MAAMe,cAAc;QAACP;QAAeL,SAAS,MAAMS,UAAU,CAACT,KAAK;KAAC;IACpE,IAAID,MAAMzH,KAAK,EAAE;QACfsI,YAAYC,IAAI,CAACL,OAAO9H,UAAU,EAAE8H,MAAM,CAACT,MAAMzH,KAAK,CAAC0H,IAAI,IAAI,SAAS;IAC1E;IACA,IAAIA,QAAQ,IAAI;QACdY,YAAYC,IAAI,CAACL,OAAO/G,kBAAkB;IAC5C,OAAO,IAAIuG,QAAQ,IAAI;QACrBY,YAAYC,IAAI,CAACL,OAAO7G,kBAAkB;IAC5C,OAAO,IAAIqG,QAAQ,IAAI;IACrB,iDAAiD;IACnD,OAAO,IAAIA,QAAQ,IAAI;QACrBY,YAAYC,IAAI,CAACL,OAAO5G,aAAa;IACvC,OAAO,IAAIoG,QAAQ,IAAI;QACrBY,YAAYC,IAAI,CAACL,OAAO3G,aAAa;IACvC,OAAO;QACL+G,YAAYC,IAAI,CAACL,OAAO1G,UAAU;IACpC;IACA,IAAImG,UAAU,UAAU;QACtB,IAAID,QAAQ,IAAI;YACdY,YAAYC,IAAI,CAACL,OAAOzG,WAAW;QACrC,OAAO,IAAIiG,QAAQ,IAAI;YACrBY,YAAYC,IAAI,CAACL,OAAOnG,YAAY;QACtC,OAAO,IAAI2F,QAAQ,IAAI;YACrBY,YAAYC,IAAI,CAACL,OAAOlG,WAAW;QACrC,OAAO;YACLsG,YAAYC,IAAI,CAACL,OAAOjG,YAAY;QACtC;IACF;IACA,IAAI2F,WAAW,YAAYA,WAAW,YAAY;QAChDU,YAAYC,IAAI,CAACL,OAAOhG,gBAAgB;QACxC,IAAI2F,qBAAqB,UAAUA,qBAAqB,eAAe;YACrES,YAAYC,IAAI,CAACL,OAAO1F,IAAI,EAAE6F,eAAe,CAACP,MAAM;YACpD,IAAIL,MAAMzH,KAAK,EAAE;gBACfsI,YAAYC,IAAI,CAACL,OAAOxF,eAAe;YACzC;YACA,IAAIgF,QAAQ,IAAI;gBACdY,YAAYC,IAAI,CAACL,OAAOtF,SAAS;YACnC,OAAO,IAAI8E,QAAQ,IAAI;gBACrBY,YAAYC,IAAI,CAACL,OAAOpF,WAAW;YACrC,OAAO;gBACLwF,YAAYC,IAAI,CAACL,OAAOnF,YAAY;YACtC;QACF;QACA,IAAI8E,qBAAqB,YAAYA,qBAAqB,eAAe;YACvES,YAAYC,IAAI,CAACL,OAAOlF,MAAM;YAC9B,IAAI0E,QAAQ,IAAI;gBACdY,YAAYC,IAAI,CAACL,OAAOhF,OAAO;YACjC,OAAO,IAAIwE,QAAQ,IAAI;gBACrBY,YAAYC,IAAI,CAACL,OAAO9E,OAAO;YACjC,OAAO,IAAIsE,QAAQ,IAAI;gBACrBY,YAAYC,IAAI,CAACL,OAAO7E,QAAQ;YAClC,OAAO;gBACLiF,YAAYC,IAAI,CAACL,OAAO5E,QAAQ;YAClC;QACF;QACA,wGAAwG;QACxG,IAAIsE,WAAW,YAAY;YACzBU,YAAYC,IAAI,CAACL,OAAO3E,QAAQ;QAClC;IACF;IACAkE,MAAM7H,IAAI,CAAC4I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBG,IAAI,KAAK0I,aAAab,MAAM7H,IAAI,CAAC4I,SAAS;IAC/F,IAAIf,MAAMzH,KAAK,EAAE;QACfyH,MAAMzH,KAAK,CAACwI,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBO,KAAK,EAAEkI,OAAOlI,KAAK,EAAEyH,MAAMzH,KAAK,CAACwI,SAAS;IAClG;IACA,IAAIf,MAAM5H,KAAK,EAAE;QACf4H,MAAM5H,KAAK,CAAC2I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBI,KAAK,EAAEmI,gBAAgBI,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM5H,KAAK,CAAC2I,SAAS;IAC3J;IACA,IAAIf,MAAM3H,QAAQ,EAAE;QAClB2H,MAAM3H,QAAQ,CAAC0I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBK,QAAQ,EAAEmI,uBAAuBG,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM3H,QAAQ,CAAC0I,SAAS;IAC3K;IACA,IAAIf,MAAM1H,IAAI,EAAE;QACd,IAAI2I;QACJ,IAAIhB,QAAQ,IAAI;YACdgB,gBAAgBR,OAAOtD,MAAM;QAC/B,OAAO,IAAI8C,QAAQ,IAAI;YACrBgB,gBAAgBR,OAAOrD,MAAM;QAC/B,OAAO,IAAI6C,QAAQ,IAAI;YACrBgB,gBAAgBR,OAAOpD,MAAM;QAC/B,OAAO,IAAI4C,QAAQ,IAAI;YACrBgB,gBAAgBR,OAAOnD,MAAM;QAC/B,OAAO,IAAI2C,QAAQ,IAAI;YACrBgB,gBAAgBR,OAAOlD,MAAM;QAC/B,OAAO,IAAI0C,QAAQ,IAAI;YACrBgB,gBAAgBR,OAAOjD,MAAM;QAC/B,OAAO;YACLyD,gBAAgBR,OAAOhD,MAAM;QAC/B;QACAuC,MAAM1H,IAAI,CAACyI,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBM,IAAI,EAAEkI,uBAAuBS,eAAeN,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM1H,IAAI,CAACyI,SAAS;IAC9K;IACA,OAAOf;AACT,GACA,kDAAkD"}
1	+ {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses } 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 = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n // ::before is the ring, and ::after is the shadow.\n // These are not displayed by default; the ring and shadow clases set content: \"\" to display them when appropriate.\n '::before,::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n zIndex: -1,\n margin: `calc(-2 * var(${vars.ringWidth}, 0px))`,\n borderRadius: 'inherit',\n transitionProperty: 'margin, opacity',\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n '::before': {\n borderStyle: 'solid',\n borderWidth: `var(${vars.ringWidth})`\n }\n});\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top'\n});\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit'\n});\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 / const 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 = makeStyles({\n textCaption2Strong: {\n fontSize: tokens.fontSizeBase100\n },\n textCaption1Strong: {\n fontSize: tokens.fontSizeBase200\n },\n textSubtitle2: {\n fontSize: tokens.fontSizeBase400\n },\n textSubtitle1: {\n fontSize: tokens.fontSizeBase500\n },\n textTitle3: {\n fontSize: tokens.fontSizeBase600\n },\n squareSmall: {\n borderRadius: tokens.borderRadiusSmall\n },\n squareMedium: {\n borderRadius: tokens.borderRadiusMedium\n },\n squareLarge: {\n borderRadius: tokens.borderRadiusLarge\n },\n squareXLarge: {\n borderRadius: tokens.borderRadiusXLarge\n },\n activeOrInactive: {\n transform: 'perspective(1px)',\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n ring: {\n // Show the ::before pseudo-element, which is the ring\n '::before': {\n content: '\"\"'\n }\n },\n ringBadgeCutout: {\n '::before': {\n maskImage: badgeMask(/margin =/ `2 * var(${vars.ringWidth})`)\n }\n },\n ringThick: {\n [vars.ringWidth]: tokens.strokeWidthThick\n },\n ringThicker: {\n [vars.ringWidth]: tokens.strokeWidthThicker\n },\n ringThickest: {\n [vars.ringWidth]: tokens.strokeWidthThickest\n },\n shadow: {\n // Show the ::after pseudo-element, which is the shadow\n '::after': {\n content: '\"\"'\n }\n },\n shadow4: {\n '::after': {\n boxShadow: tokens.shadow4\n }\n },\n shadow8: {\n '::after': {\n boxShadow: tokens.shadow8\n }\n },\n shadow16: {\n '::after': {\n boxShadow: tokens.shadow16\n }\n },\n shadow28: {\n '::after': {\n boxShadow: tokens.shadow28\n }\n },\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n '::before,::after': {\n margin: 0,\n opacity: 0,\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`\n }\n },\n // Applied to the badge slot\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0\n },\n // Applied to the image, initials, or icon slot when there is a badge\n badgeCutout: {\n maskImage: badgeMask()\n },\n // Applied to the root when there is a badge\n badgeAlign: {\n // Griffel won't auto-flip the \"right\" alignment to \"left\" in RTL if it is inline in the maskImage,\n // so split it out into a css variable that will auto-flip.\n [vars.badgeAlign]: 'right'\n },\n // Badge size: applied to root when there is a badge\n tiny: {\n [vars.badgeRadius]: '3px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n 'extra-small': {\n [vars.badgeRadius]: '5px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n small: {\n [vars.badgeRadius]: '6px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n medium: {\n [vars.badgeRadius]: '8px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n large: {\n [vars.badgeRadius]: '10px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n 'extra-large': {\n [vars.badgeRadius]: '14px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n }\n});\nexport const useSizeStyles = makeStyles({\n 16: {\n width: '16px',\n height: '16px'\n },\n 20: {\n width: '20px',\n height: '20px'\n },\n 24: {\n width: '24px',\n height: '24px'\n },\n 28: {\n width: '28px',\n height: '28px'\n },\n 32: {\n width: '32px',\n height: '32px'\n },\n 36: {\n width: '36px',\n height: '36px'\n },\n 40: {\n width: '40px',\n height: '40px'\n },\n 48: {\n width: '48px',\n height: '48px'\n },\n 56: {\n width: '56px',\n height: '56px'\n },\n 64: {\n width: '64px',\n height: '64px'\n },\n 72: {\n width: '72px',\n height: '72px'\n },\n 96: {\n width: '96px',\n height: '96px'\n },\n 120: {\n width: '120px',\n height: '120px'\n },\n 128: {\n width: '128px',\n height: '128px'\n }\n});\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2\n }\n});\nconst useRingColorStyles = makeStyles({\n neutral: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n brand: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n 'dark-red': {\n '::before': {\n color: tokens.colorPaletteDarkRedBorderActive\n }\n },\n cranberry: {\n '::before': {\n color: tokens.colorPaletteCranberryBorderActive\n }\n },\n red: {\n '::before': {\n color: tokens.colorPaletteRedBorderActive\n }\n },\n pumpkin: {\n '::before': {\n color: tokens.colorPalettePumpkinBorderActive\n }\n },\n peach: {\n '::before': {\n color: tokens.colorPalettePeachBorderActive\n }\n },\n marigold: {\n '::before': {\n color: tokens.colorPaletteMarigoldBorderActive\n }\n },\n gold: {\n '::before': {\n color: tokens.colorPaletteGoldBorderActive\n }\n },\n brass: {\n '::before': {\n color: tokens.colorPaletteBrassBorderActive\n }\n },\n brown: {\n '::before': {\n color: tokens.colorPaletteBrownBorderActive\n }\n },\n forest: {\n '::before': {\n color: tokens.colorPaletteForestBorderActive\n }\n },\n seafoam: {\n '::before': {\n color: tokens.colorPaletteSeafoamBorderActive\n }\n },\n 'dark-green': {\n '::before': {\n color: tokens.colorPaletteDarkGreenBorderActive\n }\n },\n 'light-teal': {\n '::before': {\n color: tokens.colorPaletteLightTealBorderActive\n }\n },\n teal: {\n '::before': {\n color: tokens.colorPaletteTealBorderActive\n }\n },\n steel: {\n '::before': {\n color: tokens.colorPaletteSteelBorderActive\n }\n },\n blue: {\n '::before': {\n color: tokens.colorPaletteBlueBorderActive\n }\n },\n 'royal-blue': {\n '::before': {\n color: tokens.colorPaletteRoyalBlueBorderActive\n }\n },\n cornflower: {\n '::before': {\n color: tokens.colorPaletteCornflowerBorderActive\n }\n },\n navy: {\n '::before': {\n color: tokens.colorPaletteNavyBorderActive\n }\n },\n lavender: {\n '::before': {\n color: tokens.colorPaletteLavenderBorderActive\n }\n },\n purple: {\n '::before': {\n color: tokens.colorPalettePurpleBorderActive\n }\n },\n grape: {\n '::before': {\n color: tokens.colorPaletteGrapeBorderActive\n }\n },\n lilac: {\n '::before': {\n color: tokens.colorPaletteLilacBorderActive\n }\n },\n pink: {\n '::before': {\n color: tokens.colorPalettePinkBorderActive\n }\n },\n magenta: {\n '::before': {\n color: tokens.colorPaletteMagentaBorderActive\n }\n },\n plum: {\n '::before': {\n color: tokens.colorPalettePlumBorderActive\n }\n },\n beige: {\n '::before': {\n color: tokens.colorPaletteBeigeBorderActive\n }\n },\n mink: {\n '::before': {\n color: tokens.colorPaletteMinkBorderActive\n }\n },\n platinum: {\n '::before': {\n color: tokens.colorPalettePlatinumBorderActive\n }\n },\n anchor: {\n '::before': {\n color: tokens.colorPaletteAnchorBorderActive\n }\n }\n});\nexport const useAvatarStyles_unstable = (state)=>{\n 'use no memo';\n const { size, shape, active, activeAppearance, color } = 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 = [\n rootClassName,\n size !== 32 && sizeStyles[size]\n ];\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"],"names":["avatarClassNames","useAvatarStyles_unstable","useSizeStyles","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","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","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","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,gBAAgB;eAAhBA;;IAolBAC,wBAAwB;eAAxBA;;IA9VAC,aAAa;eAAbA;;;uBAvP6C;AACnD,MAAMF,mBAAmB;IAC5BG,MAAM;IACNC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNC,OAAO;AACX;AACA,mDAAA;AACA,MAAMC,OAAO;IACTC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,WAAW;AACf;AACA,MAAMC,mBAAgB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,WAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;AAAA;AAkCzB,MAAMC,oBAAiB,WAAA,GAAGH,IAAAA,oBAAA,EAAA,YAAA,WAAA;IAAA;IAAA;CASzB;AACD,MAAMI,2BAAwB,WAAA,GAAGJ,IAAAA,oBAAA,EAAA,UAAA,WAAA;IAAA;IAAA;CAgBhC;AACD;;;;;CAKA,GAAI,MAAMK,YAAaC,CAAAA;IACnB,8DAAA;IACA,oFAAA;IACA,MAAMC,eAAeD,SAAS,CAAA,SAAA,EAAYZ,KAAKC,WAAW,CAAA,IAAA,EAAOW,OAAM,CAAA,CAAG,GAAG,CAAA,IAAA,EAAOZ,KAAKC,WAAW,CAAA,CAAA,CAAG;IACvG,qHAAA;IACA,kFAAA;IACA,MAAMa,cAAc,CAAA,SAAA,EAAYd,KAAKC,WAAW,CAAA,QAAA,EAAWD,KAAKE,QAAQ,CAAA,WAAA,CAAa;IACrF,MAAMa,cAAc,CAAA,SAAA,EAAYf,KAAKC,WAAW,CAAA,QAAA,EAAWD,KAAKE,QAAQ,CAAA,WAAA,CAAa;IACrF,OAAO,CAAA,iCAAA,EAAoCW,aAAY,KAAA,EAAQb,KAAKG,UAAU,CAAA,EAAA,EAAKU,aAAY,EAAA,CAAI,GAAG,CAAA,YAAA,EAAeC,YAAW,QAAA,EAAWC,YAAW,CAAA,CAAG;AAC7J;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,oBAAA;QAAAC,SAAA;IAAA;IAAAC,oBAAA;QAAAD,SAAA;IAAA;IAAAE,eAAA;QAAAF,SAAA;IAAA;IAAAG,eAAA;QAAAH,SAAA;IAAA;IAAAI,YAAA;QAAAJ,SAAA;IAAA;IAAAK,aAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAL,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAE,aAAA;QAAAN,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,cAAA;QAAAP,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAI,kBAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,MAAA;QAAAC,QAAA;IAAA;IAAAC,iBAAA;QAAAC,QAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;IAAA;IAAAC,aAAA;QAAAD,QAAA;IAAA;IAAAE,cAAA;QAAAF,QAAA;IAAA;IAAAG,QAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAD,SAAA;IAAA;IAAAE,UAAA;QAAAF,SAAA;IAAA;IAAAG,UAAA;QAAAH,SAAA;IAAA;IAAAI,UAAA;QAAAC,QAAA;QAAArB,SAAA;QAAAG,SAAA;QAAAmB,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAA/D,OAAA;QAAAgE,QAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,aAAA;QAAAC,QAAA;IAAA;IAAAhE,YAAA;QAAAiE,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAA,eAAA;QAAAD,SAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAF,SAAA;QAAAC,QAAA;IAAA;IAAAE,QAAA;QAAAH,SAAA;QAAAC,QAAA;IAAA;IAAAG,OAAA;QAAAJ,SAAA;QAAAC,QAAA;IAAA;IAAA,eAAA;QAAAD,SAAA;QAAAC,QAAA;IAAA;IAAAI,QAAA;QAAAxD,SAAA;IAAA;IAAAyD,QAAA;QAAAzD,SAAA;IAAA;IAAA0D,QAAA;QAAA1D,SAAA;IAAA;IAAA2D,QAAA;QAAA3D,SAAA;IAAA;IAAA4D,QAAA;QAAA5D,SAAA;IAAA;IAAA6D,QAAA;QAAA7D,SAAA;IAAA;IAAA8D,QAAA;QAAA9D,SAAA;IAAA;AAAA,GAAA;IAAA+D,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;AAAA;AA4JX,MAAM1F,gBAAa,WAAA,GAAGuB,IAAAA,eAAA,EAAA;IAAA,MAAA;QAAAoE,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,MAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,OAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;IAAA,OAAA;QAAAD,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAJ,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA0D7B,MAAMK,iBAAc,WAAA,GAAGtE,IAAAA,eAAA,EAAA;IAAAuE,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAF,QAAA;QAAAC,QAAA;IAAA;IAAA,YAAA;QAAAD,QAAA;QAAAC,QAAA;IAAA;IAAAE,WAAA;QAAAH,QAAA;QAAAC,QAAA;IAAA;IAAAG,KAAA;QAAAJ,QAAA;QAAAC,QAAA;IAAA;IAAAI,SAAA;QAAAL,QAAA;QAAAC,QAAA;IAAA;IAAAK,OAAA;QAAAN,QAAA;QAAAC,QAAA;IAAA;IAAAM,UAAA;QAAAP,QAAA;QAAAC,QAAA;IAAA;IAAAO,MAAA;QAAAR,QAAA;QAAAC,QAAA;IAAA;IAAAQ,OAAA;QAAAT,QAAA;QAAAC,QAAA;IAAA;IAAAS,OAAA;QAAAV,QAAA;QAAAC,QAAA;IAAA;IAAAU,QAAA;QAAAX,QAAA;QAAAC,QAAA;IAAA;IAAAW,SAAA;QAAAZ,QAAA;QAAAC,QAAA;IAAA;IAAA,cAAA;QAAAD,QAAA;QAAAC,QAAA;IAAA;IAAA,cAAA;QAAAD,QAAA;QAAAC,QAAA;IAAA;IAAAY,MAAA;QAAAb,QAAA;QAAAC,QAAA;IAAA;IAAAa,OAAA;QAAAd,QAAA;QAAAC,QAAA;IAAA;IAAAc,MAAA;QAAAf,QAAA;QAAAC,QAAA;IAAA;IAAA,cAAA;QAAAD,QAAA;QAAAC,QAAA;IAAA;IAAAe,YAAA;QAAAhB,QAAA;QAAAC,QAAA;IAAA;IAAAgB,MAAA;QAAAjB,QAAA;QAAAC,QAAA;IAAA;IAAAiB,UAAA;QAAAlB,QAAA;QAAAC,QAAA;IAAA;IAAAkB,QAAA;QAAAnB,QAAA;QAAAC,QAAA;IAAA;IAAAmB,OAAA;QAAApB,QAAA;QAAAC,QAAA;IAAA;IAAAoB,OAAA;QAAArB,QAAA;QAAAC,QAAA;IAAA;IAAAqB,MAAA;QAAAtB,QAAA;QAAAC,QAAA;IAAA;IAAAsB,SAAA;QAAAvB,QAAA;QAAAC,QAAA;IAAA;IAAAuB,MAAA;QAAAxB,QAAA;QAAAC,QAAA;IAAA;IAAAwB,OAAA;QAAAzB,QAAA;QAAAC,QAAA;IAAA;IAAAyB,MAAA;QAAA1B,QAAA;QAAAC,QAAA;IAAA;IAAA0B,UAAA;QAAA3B,QAAA;QAAAC,QAAA;IAAA;IAAA2B,QAAA;QAAA5B,QAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAR,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAkIvB,MAAMoC,qBAAkB,WAAA,GAAGrG,IAAAA,eAAA,EAAA;IAAAuE,SAAA;QAAA+B,SAAA;IAAA;IAAA5B,OAAA;QAAA4B,SAAA;IAAA;IAAA,YAAA;QAAAA,SAAA;IAAA;IAAA3B,WAAA;QAAA2B,SAAA;IAAA;IAAA1B,KAAA;QAAA0B,SAAA;IAAA;IAAAzB,SAAA;QAAAyB,SAAA;IAAA;IAAAxB,OAAA;QAAAwB,SAAA;IAAA;IAAAvB,UAAA;QAAAuB,SAAA;IAAA;IAAAtB,MAAA;QAAAsB,SAAA;IAAA;IAAArB,OAAA;QAAAqB,SAAA;IAAA;IAAApB,OAAA;QAAAoB,SAAA;IAAA;IAAAnB,QAAA;QAAAmB,SAAA;IAAA;IAAAlB,SAAA;QAAAkB,SAAA;IAAA;IAAA,cAAA;QAAAA,SAAA;IAAA;IAAA,cAAA;QAAAA,SAAA;IAAA;IAAAjB,MAAA;QAAAiB,SAAA;IAAA;IAAAhB,OAAA;QAAAgB,SAAA;IAAA;IAAAf,MAAA;QAAAe,SAAA;IAAA;IAAA,cAAA;QAAAA,SAAA;IAAA;IAAAd,YAAA;QAAAc,SAAA;IAAA;IAAAb,MAAA;QAAAa,SAAA;IAAA;IAAAZ,UAAA;QAAAY,SAAA;IAAA;IAAAX,QAAA;QAAAW,SAAA;IAAA;IAAAV,OAAA;QAAAU,SAAA;IAAA;IAAAT,OAAA;QAAAS,SAAA;IAAA;IAAAR,MAAA;QAAAQ,SAAA;IAAA;IAAAP,SAAA;QAAAO,SAAA;IAAA;IAAAN,MAAA;QAAAM,SAAA;IAAA;IAAAL,OAAA;QAAAK,SAAA;IAAA;IAAAJ,MAAA;QAAAI,SAAA;IAAA;IAAAH,UAAA;QAAAG,SAAA;IAAA;IAAAF,QAAA;QAAAE,SAAA;IAAA;AAAA,GAAA;IAAArC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAkKpB,MAAMzF,2BAA4B+H,CAAAA;IACrC;IACA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,gBAAgB,EAAEC,KAAAA,EAAO,GAAGL;IACzD,MAAMM,gBAAgBzH;IACtB,MAAM0H,iBAAiBtH;IACvB,MAAMuH,wBAAwBtH;IAC9B,MAAMuH,SAASjH;IACf,MAAMkH,aAAaxI;IACnB,MAAMyI,cAAc5C;IACpB,MAAM6C,kBAAkBd;IACxB,MAAMe,cAAc;QAChBP;QACAL,SAAS,MAAMS,UAAU,CAACT,KAAK;KAClC;IACD,IAAID,MAAMzH,KAAK,EAAE;QACbsI,YAAYC,IAAI,CAACL,OAAO9H,UAAU,EAAE8H,MAAM,CAACT,MAAMzH,KAAK,CAAC0H,IAAI,IAAI,SAAS;IAC5E;IACA,IAAIA,QAAQ,IAAI;QACZY,YAAYC,IAAI,CAACL,OAAO/G,kBAAkB;IAC9C,OAAO,IAAIuG,QAAQ,IAAI;QACnBY,YAAYC,IAAI,CAACL,OAAO7G,kBAAkB;IAC9C,OAAO,IAAIqG,QAAQ,IAAI;IACvB,iDAAA;IAAA,OACO,IAAIA,QAAQ,IAAI;QACnBY,YAAYC,IAAI,CAACL,OAAO5G,aAAa;IACzC,OAAO,IAAIoG,QAAQ,IAAI;QACnBY,YAAYC,IAAI,CAACL,OAAO3G,aAAa;IACzC,OAAO;QACH+G,YAAYC,IAAI,CAACL,OAAO1G,UAAU;IACtC;IACA,IAAImG,UAAU,UAAU;QACpB,IAAID,QAAQ,IAAI;YACZY,YAAYC,IAAI,CAACL,OAAOzG,WAAW;QACvC,OAAO,IAAIiG,QAAQ,IAAI;YACnBY,YAAYC,IAAI,CAACL,OAAOnG,YAAY;QACxC,OAAO,IAAI2F,QAAQ,IAAI;YACnBY,YAAYC,IAAI,CAACL,OAAOlG,WAAW;QACvC,OAAO;YACHsG,YAAYC,IAAI,CAACL,OAAOjG,YAAY;QACxC;IACJ;IACA,IAAI2F,WAAW,YAAYA,WAAW,YAAY;QAC9CU,YAAYC,IAAI,CAACL,OAAOhG,gBAAgB;QACxC,IAAI2F,qBAAqB,UAAUA,qBAAqB,eAAe;YACnES,YAAYC,IAAI,CAACL,OAAO1F,IAAI,EAAE6F,eAAe,CAACP,MAAM;YACpD,IAAIL,MAAMzH,KAAK,EAAE;gBACbsI,YAAYC,IAAI,CAACL,OAAOxF,eAAe;YAC3C;YACA,IAAIgF,QAAQ,IAAI;gBACZY,YAAYC,IAAI,CAACL,OAAOtF,SAAS;YACrC,OAAO,IAAI8E,QAAQ,IAAI;gBACnBY,YAAYC,IAAI,CAACL,OAAOpF,WAAW;YACvC,OAAO;gBACHwF,YAAYC,IAAI,CAACL,OAAOnF,YAAY;YACxC;QACJ;QACA,IAAI8E,qBAAqB,YAAYA,qBAAqB,eAAe;YACrES,YAAYC,IAAI,CAACL,OAAOlF,MAAM;YAC9B,IAAI0E,QAAQ,IAAI;gBACZY,YAAYC,IAAI,CAACL,OAAOhF,OAAO;YACnC,OAAO,IAAIwE,QAAQ,IAAI;gBACnBY,YAAYC,IAAI,CAACL,OAAO9E,OAAO;YACnC,OAAO,IAAIsE,QAAQ,IAAI;gBACnBY,YAAYC,IAAI,CAACL,OAAO7E,QAAQ;YACpC,OAAO;gBACHiF,YAAYC,IAAI,CAACL,OAAO5E,QAAQ;YACpC;QACJ;QACA,wGAAA;QACA,IAAIsE,WAAW,YAAY;YACvBU,YAAYC,IAAI,CAACL,OAAO3E,QAAQ;QACpC;IACJ;IACAkE,MAAM7H,IAAI,CAAC4I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBG,IAAI,KAAK0I,aAAab,MAAM7H,IAAI,CAAC4I,SAAS;IAC/F,IAAIf,MAAMzH,KAAK,EAAE;QACbyH,MAAMzH,KAAK,CAACwI,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBO,KAAK,EAAEkI,OAAOlI,KAAK,EAAEyH,MAAMzH,KAAK,CAACwI,SAAS;IACpG;IACA,IAAIf,MAAM5H,KAAK,EAAE;QACb4H,MAAM5H,KAAK,CAAC2I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBI,KAAK,EAAEmI,gBAAgBI,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM5H,KAAK,CAAC2I,SAAS;IAC7J;IACA,IAAIf,MAAM3H,QAAQ,EAAE;QAChB2H,MAAM3H,QAAQ,CAAC0I,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBK,QAAQ,EAAEmI,uBAAuBG,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM3H,QAAQ,CAAC0I,SAAS;IAC7K;IACA,IAAIf,MAAM1H,IAAI,EAAE;QACZ,IAAI2I;QACJ,IAAIhB,QAAQ,IAAI;YACZgB,gBAAgBR,OAAOtD,MAAM;QACjC,OAAO,IAAI8C,QAAQ,IAAI;YACnBgB,gBAAgBR,OAAOrD,MAAM;QACjC,OAAO,IAAI6C,QAAQ,IAAI;YACnBgB,gBAAgBR,OAAOpD,MAAM;QACjC,OAAO,IAAI4C,QAAQ,IAAI;YACnBgB,gBAAgBR,OAAOnD,MAAM;QACjC,OAAO,IAAI2C,QAAQ,IAAI;YACnBgB,gBAAgBR,OAAOlD,MAAM;QACjC,OAAO,IAAI0C,QAAQ,IAAI;YACnBgB,gBAAgBR,OAAOjD,MAAM;QACjC,OAAO;YACHyD,gBAAgBR,OAAOhD,MAAM;QACjC;QACAuC,MAAM1H,IAAI,CAACyI,SAAS,GAAGC,IAAAA,mBAAY,EAAChJ,iBAAiBM,IAAI,EAAEkI,uBAAuBS,eAAeN,WAAW,CAACN,MAAM,EAAEL,MAAMzH,KAAK,IAAIkI,OAAO/D,WAAW,EAAEsD,MAAM1H,IAAI,CAACyI,SAAS;IAChL;IACA,OAAOf;AACX"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';\n/*\n The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n / ~~export~~ const AvatarGroup = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useAvatarGroup_unstable(props, ref);\n const contextValues = useAvatarGroupContextValues(state);\n useAvatarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);\n return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroup_unstable","displayName"],"mappings":";;;;+~~BASiBA~~;;;eAAAA;;;;~~iEATM~~;mCACoB;gCACH;6CACI;qCACA;4CACE;~~AAInC~~,MAAMA,~~cAAc~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IAClE~~,MAAMC,QAAQC,IAAAA,~~uCAAuB~~,~~EAACH~~,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,~~wDAA2B~~,~~EAACH~~;~~IAClDI~~,IAAAA,~~yDAA6B~~,~~EAACJ~~;~~IAC9BK~~,IAAAA,~~gDAA2B~~,~~EAAC~~,iCAAiCL;~~IAC7D~~,OAAOM,IAAAA,~~6CAA0B~~,~~EAACN~~,OAAOE;~~AAC7C~~;~~AACAP~~,YAAYY,WAAW,GAAG"}
1	+ {"version":3,"sources":["AvatarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n */\nexport const AvatarGroup: ForwardRefComponent<AvatarGroupProps> = React.forwardRef((props, ref) => {\n const state = useAvatarGroup_unstable(props, ref);\n const contextValues = useAvatarGroupContextValues(state);\n\n useAvatarGroupStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);\n\n return renderAvatarGroup_unstable(state, contextValues);\n});\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;mCACoB;gCACH;6CACI;qCACA;4CACE;AAQvC,MAAMA,cAAAA,WAAAA,GAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,uCAAAA,EAAwBH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAAAA,EAA4BH;IAElDI,IAAAA,yDAAAA,EAA8BJ;IAE9BK,IAAAA,gDAAAA,EAA4B,iCAAiCL;IAE7D,OAAOM,IAAAA,6CAAAA,EAA2BN,OAAOE;AAC3C;AAEAP,YAAYY,WAAW,GAAG"}

package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["AvatarGroup.types.ts"],"sourcesContent":["import type { AvatarSize } from '../Avatar/Avatar.types';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\n/*\n AvatarGroup Props\n /\nexport type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & {\n /\n Layout the AvatarGroupItems should be displayed as.\n * @default spread\n /\n layout?: 'spread' \| 'stack' \| 'pie';\n\n /\n Size of the AvatarGroupItems.\n * @default 32\n /\n size?: AvatarSize;\n};\n\n/\n State used in rendering AvatarGroup\n */\nexport type AvatarGroupState = ComponentState<AvatarGroupSlots> & Required<Pick<AvatarGroupProps, 'layout' \| 'size'>>;\n\nexport type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' \| 'layout'> & {\n isOverflow?: boolean;\n};\n\nexport type AvatarGroupContextValues = {\n avatarGroup: AvatarGroupContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderAvatarGroup.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx~~ ~~} from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/*\n Render the final JSX of AvatarGroup\n / ~~export~~ const renderAvatarGroup_unstable = (state, contextValues)=>{\n assertSlots(state);\n return ~~/#__PURE__/ _jsx~~(AvatarGroupProvider, {~~\n value:~~ contextValues.avatarGroup,\n ~~children: /#__PURE__*/ _jsx(~~state.root, ~~{})\~~n });\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","assertSlots","_jsx","AvatarGroupProvider","value","avatarGroup","~~children~~","~~root~~"],"mappings":";;;;+~~BAKiBA~~;;;eAAAA;;;~~4BALa~~;~~gCACF~~;oCACQ;~~AAGzB~~,MAAMA,6BAA6B,CAACC,~~OAAOC~~;~~IAClDC~~,IAAAA,~~2BAAW~~,~~EAACF~~;~~IACZ~~,~~OAAO~~,~~WAAW~~,~~GAAGG~~,IAAAA,~~eAAI~~,EAACC,~~uCAAmB~~,~~EAAE~~;~~QAC3CC~~,OAAOJ,cAAcK,WAAW;~~QAChCC~~,~~UAAU~~,~~WAAW~~,~~GAAGJ,~~IAAAA,~~eAAI~~,EAACH,~~MAAMQ~~,IAAI,~~EAAE~~,~~CAAC;IAC9C;AACJ~~"}
1	+ {"version":3,"sources":["renderAvatarGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport type { AvatarGroupState, AvatarGroupSlots, AvatarGroupContextValues } from './AvatarGroup.types';\n\n/\n Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state: AvatarGroupState, contextValues: AvatarGroupContextValues) => {\n assertSlots<AvatarGroupSlots>(state);\n\n return (\n <AvatarGroupProvider value={contextValues.avatarGroup}>\n <state.root />\n </AvatarGroupProvider>\n );\n};\n"],"names":["renderAvatarGroup_unstable","state","contextValues","assertSlots","_jsx","AvatarGroupProvider","value","avatarGroup","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;oCACQ;AAM7B,MAAMA,6BAA6B,CAACC,OAAyBC;IAClEC,IAAAA,2BAAAA,EAA8BF;IAE9B,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,uCAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,WAAW;kBACnD,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useAvatarGroup_unstable: function() {
-        return useAvatarGroup_unstable;
-    },
     defaultAvatarGroupSize: function() {
         return defaultAvatarGroupSize;
+    },
+    useAvatarGroup_unstable: function() {
+        return useAvatarGroup_unstable;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, 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(getIntrinsicElementProps('div', {\n role: 'group',\n ...props,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: 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","getIntrinsicElementProps","role","elementType","components"],"mappings":";;;;;;;;;;;~~IAUiBA~~,~~uBAAuB~~;~~eAAvBA~~;;~~IAuBJC~~,~~sBAAsB~~;~~eAAtBA~~;;;;~~iEAjCU~~;gCACwB;~~AASpC~~,~~MAAMD~~,0BAA0B,~~CAACE~~,~~OAAOC~~;IAC/C,MAAM,EAAEC,SAAS,QAAQ,EAAEC,~~OAAOJ~~,sBAAsB,EAAE,~~GAAGC~~;~~IAC7D~~,MAAMI,OAAOC,~~oBAAI~~,~~CAACC~~,MAAM,~~CAACC~~,IAAAA,~~wCAAwB~~,~~EAAC~~,~~OAAO~~;~~QACrDC~~,MAAM;QACN,GAAGR,KAAK;QACR,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FC,KAAKA;~~IACT~~,~~GAAG~~;~~QACC~~;~~KACH~~,~~GAAG~~;~~QACAQ~~,aAAa;~~IACjB~~;~~IACA~~,OAAO;~~QACHP~~;~~QACAC~~;~~QACAO~~,YAAY;~~YACRN~~,MAAM;~~QACV~~;~~QACAA~~;~~IACJ~~;~~AACJ~~;~~AACO~~,~~MAAML~~,yBAAyB"}
1	+ {"version":3,"sources":["useAvatarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AvatarGroupProps, AvatarGroupState } from './AvatarGroup.types';\n\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 */\nexport const useAvatarGroup_unstable = (props: AvatarGroupProps, ref: React.Ref<HTMLElement>): AvatarGroupState => {\n const { layout = 'spread', size = defaultAvatarGroupSize } = props;\n\n const root = slot.always(\n getIntrinsicElementProps(\n 'div',\n {\n role: 'group',\n ...props,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n },\n ['size'],\n ),\n { elementType: 'div' },\n );\n return { layout, size, components: { root: 'div' }, root };\n};\n\nexport const defaultAvatarGroupSize = 32;\n"],"names":["defaultAvatarGroupSize","useAvatarGroup_unstable","props","ref","layout","size","root","slot","always","getIntrinsicElementProps","role","elementType","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkCaA,sBAAAA;eAAAA;;IArBAC,uBAAAA;eAAAA;;;;iEAbU;gCACwB;AAYxC,MAAMA,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,SAAS,QAAQ,EAAEC,OAAOL,sBAAsB,EAAE,GAAGE;IAE7D,MAAMI,OAAOC,oBAAAA,CAAKC,MAAM,CACtBC,IAAAA,wCAAAA,EACE,OACA;QACEC,MAAM;QACN,GAAGR,KAAK;QACR,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FC,KAAKA;IACP,GACA;QAAC;KAAO,GAEV;QAAEQ,aAAa;IAAM;IAEvB,OAAO;QAAEP;QAAQC;QAAMO,YAAY;YAAEN,MAAM;QAAM;QAAGA;IAAK;AAC3D;AAEO,MAAMN,yBAAyB"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupContextValues.js"],"sourcesContent":["~~export~~ const useAvatarGroupContextValues = (state)=>{\n const { layout, size } = state;\n const avatarGroup = {\n layout,\n size\n };\n return {\n avatarGroup\n };\n};\n"],"names":["useAvatarGroupContextValues","state","layout","size","avatarGroup"],"mappings":";;;;+~~BAAaA~~;;;eAAAA;;;AAAN,MAAMA,8BAA8B,CAACC;~~IACxC~~,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;~~IACzB~~,MAAMG,~~cAAc~~;~~QAChBF~~;QACAC;~~IACJ~~;~~IACA~~,OAAO;~~QACHC~~;~~IACJ~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useAvatarGroupContextValues.ts"],"sourcesContent":["import { AvatarGroupContextValue, AvatarGroupContextValues, AvatarGroupState } from '../AvatarGroup';\n\nexport const useAvatarGroupContextValues = (state: AvatarGroupState): AvatarGroupContextValues => {\n const { layout, size } = state;\n\n const avatarGroup: AvatarGroupContextValue = {\n layout,\n size,\n };\n\n return { avatarGroup };\n};\n"],"names":["useAvatarGroupContextValues","state","layout","size","avatarGroup"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,8BAA8B,CAACC;IAC1C,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEzB,MAAMG,cAAuC;QAC3CF;QACAC;IACF;IAEA,OAAO;QAAEC;IAAY;AACvB"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { ~~__styles~~, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/*\n Styles for the root slot.\n /\nconst useStyles = ~~/#__PURE__/__styles~~({\n base: {\n ~~mc9l5x~~: ~~\"ftuwxu6\"~~,\n ~~qhf8xq~~: \~~"f10pi13n\"\~~n },\n pie: {\n ~~Bgl5zvf~~: ~~\"f1uz6ud1\",\n De3pzq: \"f1ganh6p\",\n Bsw6fvg: \"fe2ae1k\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{clip-path:~~circle(50%)~~;}\",~~ \".~~f1ganh6p{background-color:var(--~~colorTransparentStroke~~);}\"]~~,\n ~~m: [[\"~~@media (forced-colors: active)~~{.fe2ae1k{background-color~~:~~CanvasText;}}\",~~ {\n m: \~~"(forced-colors: active)~~\"\n }]]\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n 'use no memo';\n\n const {\n layout~~,\n~~ size\n } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n~~//# sourceMappingURL=useAvatarGroupStyles.styles.js.map~~"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB;eAArBA;;~~IAyBAC~~,6BAA6B;eAA7BA;;;~~uBA5B0B~~;~~uCAET~~;AACvB,MAAMD,wBAAwB;~~IACnCE~~,MAAM;~~AACR~~;AACA;;~~CAEC~~,~~GACD~~,MAAMC,~~YAAY~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IACtCC~~,~~MAAM~~;~~QACJC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~KAAK~~;~~QACHC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~QACRC~~,~~SAAS~~;~~IACX~~;~~AACF~~,~~GAAG~~;~~IACDC~~,~~GAAG~~;~~QAAC~~;~~QAAkC~~;~~QAAiC~~;~~QAAqC~~;~~KAA6D~~;~~IACzKC~~,~~GAAG~~;~~QAAC~~;~~YAAC~~;~~YAA0E~~;~~gBAC7EA~~,~~GAAG~~;~~YACL~~;~~SAAE~~;~~KAAC~~;~~AACL~~;~~AAIO~~,MAAMZ,~~gCAAgCa~~,CAAAA;~~IAC3C~~;~~IAEA~~,MAAM,~~EACJC~~,MAAM,~~EACNC~~,~~IAAI~~,~~EACL~~,GAAGF;~~IACJ~~,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;~~AACT,GACA,uDAAuD~~"}
1	+ {"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, 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 / const useStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative'\n },\n pie: {\n clipPath: 'circle(50%)',\n backgroundColor: tokens.colorTransparentStroke,\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n }\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */ export const useAvatarGroupStyles_unstable = (state)=>{\n 'use no memo';\n const { layout, size } = 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"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,qBAAqB;eAArBA;;IAoBIC,6BAA6B;eAA7BA;;;uBAvBwB;uCAEX;AACvB,MAAMD,wBAAwB;IACjCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,KAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;AAAA;AAeX,MAAMZ,gCAAiCa,CAAAA;IAC9C;IACA,MAAM,EAAEC,MAAM,EAAEC,IAAAA,EAAM,GAAGF;IACzB,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;AACX"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles';\n/*\n The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n / ~~export~~ const AvatarGroupItem = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useAvatarGroupItem_unstable(props, ref);\n useAvatarGroupItemStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);\n return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+~~BAQiBA~~;;;eAAAA;;;;~~iEARM~~;uCACwB;oCACH;qCACA;gDACM;~~AAIvC~~,MAAMA,~~kBAAkB~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IACtE~~,MAAMC,QAAQC,IAAAA,+~~CAA2B~~,~~EAACH~~,OAAOC;~~IACjDG~~,IAAAA,~~iEAAiC~~,~~EAACF~~;~~IAClCG~~,IAAAA,~~gDAA2B~~,~~EAAC~~,qCAAqCH;~~IACjE~~,OAAOI,IAAAA,~~qDAA8B~~,~~EAACJ~~;~~AAC1C~~;~~AACAL~~,gBAAgBU,WAAW,GAAG"}
1	+ {"version":3,"sources":["AvatarGroupItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles';\nimport type { AvatarGroupItemProps } from './AvatarGroupItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n */\nexport const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps> = React.forwardRef((props, ref) => {\n const state = useAvatarGroupItem_unstable(props, ref);\n\n useAvatarGroupItemStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);\n\n return renderAvatarGroupItem_unstable(state);\n});\n\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;uCACwB;oCACH;qCACA;gDACM;AAQ3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAElCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering AvatarGroupItem
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["AvatarGroupItem.types.ts"],"sourcesContent":["import { AvatarGroupProps } from '../AvatarGroup/AvatarGroup.types';\nimport type { Avatar, AvatarSize } from '../../Avatar';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupItemSlots = {\n root: NonNullable<Slot<'div', 'li'>>;\n\n /*\n Avatar that represents a person or entity.\n /\n avatar: NonNullable<Slot<typeof Avatar>>;\n\n /\n Label used for the name of the AvatarGroupItem when rendered as an overflow item.\n * The content of the label, by default, is the `name` prop from the `avatar` slot.\n /\n overflowLabel: NonNullable<Slot<'span'>>;\n};\n\n/\n AvatarGroupItem Props\n /\nexport type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' \| 'shape'>;\n\n/\n State used in rendering AvatarGroupItem\n /\nexport type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {\n /\n Whether the Avatar is an overflow item.\n \n @default false\n */\n isOverflowItem?: boolean;\n\n layout: AvatarGroupProps['layout'];\n size: AvatarSize;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAwBA;;CAEC"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderAvatarGroupItem.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx,~~ ~~jsxs as _jsxs } from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\n/*\n Render the final JSX of AvatarGroupItem\n / ~~export~~ const renderAvatarGroupItem_unstable = (state)=>{\n assertSlots(state);\n return ~~/#__PURE__/ _jsxs~~(state.root~~, {\~~n ~~children: [\n /#__PURE__/ _jsx(~~state.avatar, {~~}),\n~~ state.isOverflowItem && ~~/#__PURE__*/ _jsx(~~state.overflowLabel, {})\n ]\n });\n};\n"],"names":["renderAvatarGroupItem_unstable","state","assertSlots","_jsxs","root","~~children","~~_jsx","avatar","isOverflowItem","overflowLabel"],"mappings":";;;;+~~BAIiBA~~;;;eAAAA;;;~~4BAJ4B~~;~~gCACjB~~;~~AAGjB~~,MAAMA,iCAAiC,CAACC;~~IAC/CC~~,IAAAA,~~2BAAW~~,~~EAACD~~;~~IACZ~~,~~OAAO~~,~~WAAW~~,~~GAAGE~~,IAAAA,~~gBAAK~~,EAACF,MAAMG,IAAI,~~EAAE;QACnCC~~,~~UAAU;YACN,WAAW,GAAGC,~~IAAAA,~~eAAI~~,~~EAACL~~,~~MAAMM~~,MAAM,~~EAAE~~,~~CAAC~~;~~YAClCN~~,~~MAAMO~~,cAAc,~~IAAI~~,~~WAAW~~,~~GAAGF~~,IAAAA,~~eAAI~~,~~EAACL~~,~~MAAMQ~~,aAAa,~~EAAE~~,~~CAAC;SACpE;IACL;AACJ~~"}
1	+ {"version":3,"sources":["renderAvatarGroupItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AvatarGroupItemState, AvatarGroupItemSlots } from './AvatarGroupItem.types';\n\n/\n Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = (state: AvatarGroupItemState) => {\n assertSlots<AvatarGroupItemSlots>(state);\n\n return (\n <state.root>\n <state.avatar />\n {state.isOverflowItem && <state.overflowLabel />}\n </state.root>\n );\n};\n"],"names":["renderAvatarGroupItem_unstable","state","assertSlots","_jsxs","root","_jsx","avatar","isOverflowItem","overflowLabel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,MAAM,EAAA,CAAA;YACZL,MAAMM,cAAc,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACJ,MAAMO,aAAa,EAAA,CAAA;;;AAGnD"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n /\nconst useRootStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Bnnss6s: \"fi64zpg\",\n qhf8xq: \"f10pi13n\"\n },\n overflowItem: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f16d74zd\"\n },\n nonOverflowItem: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fi64zpg{flex-shrink:0;}\", \".f10pi13n{position:relative;}\", [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n p: -1\n }], [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }]]\n});\n/\n Styles for the avatar slot\n /\nconst useAvatarStyles = /#__PURE__/__styles({\n nonOverflowItem: {\n qhf8xq: \"f1euv43f\"\n },\n pie: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fokr779\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", [\".fokr779{border-radius:0;}\", {\n p: -1\n }]]\n});\n/\n Styles for the label slot\n /\nconst useOverflowLabelStyles = /#__PURE__/__styles({\n base: {\n Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n sj55zd: \"f19n0e5\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/\n Styles for the stack layout\n /\nconst useStackStyles = /#__PURE__/__styles({\n thick: {\n E5pizo: \"foiuzp5\"\n },\n thicker: {\n E5pizo: \"f1x6o7w7\"\n },\n thickest: {\n E5pizo: \"f2aml1u\"\n },\n xxs: {\n jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n },\n xs: {\n jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n },\n s: {\n jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n },\n l: {\n jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n }\n}, {\n d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/*\n Styles for the spread layout\n /\nconst useSpreadStyles = /#__PURE__/__styles({\n s: {\n jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n },\n mNudge: {\n jhia2w: [\"f1h0okno\", \"fnnqava\"]\n },\n m: {\n jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n },\n l: {\n jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n },\n xl: {\n jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n }\n}, {\n d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/\n Styles for the pie layout\n /\nconst usePieStyles = /#__PURE__/__styles({\n base: {\n qhf8xq: \"f1euv43f\"\n },\n slices: {\n B3gf25r: \"f16m7w7k\",\n Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n Bvaow4n: \"f1pgb5nx\",\n Gpecfs: [\"fugirid\", \"f4sk99m\"],\n bhabj1: \"fjreaf3\",\n B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n Bwrfys5: \"f1ef8vxk\",\n Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n fflka: \"ff6xuso\",\n do7bja: \"fzpvk6c\",\n Be8zqhl: \"f4onu7f\",\n Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n Bwexnyt: \"f1yv732j\",\n Bhe5x6o: \"fchq2fj\",\n B3kv7bh: \"ff5binh\"\n },\n rtlSlices: {\n B3gf25r: \"f5vdl61\",\n Bvaow4n: \"f1bnra92\",\n bhabj1: \"f4ibo7t\",\n Bwrfys5: \"f17heuis\",\n Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n Be8zqhl: \"fa6l61x\",\n Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n },\n thick: {\n uiicq7: \"fnyfzln\"\n },\n thicker: {\n uiicq7: \"f1xdzzot\"\n },\n thickest: {\n uiicq7: \"f1auhru5\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n /\nexport const useAvatarGroupItemStyles_unstable = state => {\n 'use no memo';\n\n const {\n isOverflowItem,\n layout,\n size\n } = state;\n const {\n dir\n } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [rootStyles.base];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":"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"}
1	+ {"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n / const useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'inline-flex',\n flexShrink: 0,\n position: 'relative'\n },\n overflowItem: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`\n },\n nonOverflowItem: {\n borderRadius: tokens.borderRadiusCircular\n }\n});\n/\n Styles for the avatar slot\n / const useAvatarStyles = makeStyles({\n nonOverflowItem: {\n position: 'absolute'\n },\n pie: {\n borderRadius: '0'\n }\n});\n/\n Styles for the label slot\n / const useOverflowLabelStyles = makeStyles({\n base: {\n marginLeft: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground1,\n ...typographyStyles.body1\n }\n});\n/\n Styles for the stack layout\n / const useStackStyles = makeStyles({\n thick: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground2}`\n },\n thicker: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThicker} ${tokens.colorNeutralBackground2}`\n },\n thickest: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThickest} ${tokens.colorNeutralBackground2}`\n },\n xxs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 ${tokens.spacingHorizontalXXS})`\n }\n },\n xs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalXS})`\n }\n },\n s: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalS})`\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalL})`\n }\n }\n});\n/*\n Styles for the spread layout\n / const useSpreadStyles = makeStyles({\n s: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalS\n }\n },\n mNudge: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalMNudge\n }\n },\n m: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalM\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalL\n }\n },\n xl: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalXL\n }\n }\n});\n/\n Styles for the pie layout\n / const usePieStyles = makeStyles({\n base: {\n position: 'absolute'\n },\n slices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`,\n left: '25%'\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n // Since the two AvatarGroupItems on the right are scaled by 0.5, the divider width should not be halved.\n clipPath: `inset(0 0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) 0 0 var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n top: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n }\n },\n rtlSlices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n clipPath: `inset(0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0)`,\n left: '0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0 0)`,\n left: '0'\n }\n },\n thick: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThick\n },\n thicker: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThicker\n },\n thickest: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThickest\n }\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n / export const useAvatarGroupItemStyles_unstable = (state)=>{\n 'use no memo';\n const { isOverflowItem, layout, size } = state;\n const { dir } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [\n rootStyles.base\n ];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */ export const useGroupChildClassName = (layout, size)=>{\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues_unstable } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles';\n/*\n The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */ ~~export~~ const AvatarGroupPopover = (props)=>{\n const state = useAvatarGroupPopover_unstable(props);\n const contextValues = useAvatarGroupPopoverContextValues_unstable(state);\n useAvatarGroupPopoverStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);\n return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues_unstable","useAvatarGroupPopoverStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+~~BAQiBA~~;;;eAAAA;;;;~~iEARM~~;0CAC2B;oDACU;qCAChB;uCACG;mDACM;~~AAG1C~~,MAAMA,~~qBAAqB~~,~~CAACC~~;~~IACnC~~,MAAMC,QAAQC,IAAAA,~~qDAA8B~~,~~EAACF~~;IAC7C,MAAMG,gBAAgBC,IAAAA,+~~EAA2C~~,~~EAACH~~;~~IAClEI~~,IAAAA,~~uEAAoC~~,~~EAACJ~~;~~IACrCK~~,IAAAA,~~gDAA2B~~,~~EAAC~~,wCAAwCL;~~IACpE~~,OAAOM,IAAAA,~~2DAAiC~~,~~EAACN~~,OAAOE;~~AACpD~~;~~AACAJ~~,mBAAmBS,WAAW,GAAG"}
1	+ {"version":3,"sources":["AvatarGroupPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues_unstable } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles';\nimport type { AvatarGroupPopoverProps } from './AvatarGroupPopover.types';\n\n/*\n The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */\nexport const AvatarGroupPopover: React.FC<AvatarGroupPopoverProps> = props => {\n const state = useAvatarGroupPopover_unstable(props);\n const contextValues = useAvatarGroupPopoverContextValues_unstable(state);\n\n useAvatarGroupPopoverStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);\n\n return renderAvatarGroupPopover_unstable(state, contextValues);\n};\n\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues_unstable","useAvatarGroupPopoverStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupPopover_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;0CAC2B;oDACU;qCAChB;uCACG;mDACM;AAM9C,MAAMA,qBAAwDC,CAAAA;IACnE,MAAMC,QAAQC,IAAAA,qDAAAA,EAA+BF;IAC7C,MAAMG,gBAAgBC,IAAAA,+EAAAA,EAA4CH;IAElEI,IAAAA,uEAAAA,EAAqCJ;IAErCK,IAAAA,gDAAAA,EAA4B,wCAAwCL;IAEpE,OAAOM,IAAAA,2DAAAA,EAAkCN,OAAOE;AAClD;AAEAJ,mBAAmBS,WAAW,GAAG"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["AvatarGroupPopover.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
1	+ {"version":3,"sources":["AvatarGroupPopover.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AvatarSize } from '../Avatar/Avatar.types';\nimport type { AvatarGroupProps } from '../AvatarGroup/AvatarGroup.types';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverProps, PopoverSurface } from '@fluentui/react-popover';\nimport type { TooltipProps } from '@fluentui/react-tooltip';\n\nexport type AvatarGroupPopoverSlots = {\n root: NonNullable<Slot<PopoverProps>>;\n\n /*\n Button that triggers the Popover.\n /\n triggerButton: NonNullable<Slot<'button'>>;\n\n /\n List that contains the overflowed AvatarGroupItems.\n /\n content: NonNullable<Slot<'ul'>>;\n\n /\n PopoverSurface that contains the content.\n /\n popoverSurface: NonNullable<Slot<typeof PopoverSurface>>;\n\n /\n Tooltip shown when triggerButton is hovered.\n /\n tooltip: NonNullable<Slot<TooltipProps>>;\n};\n\n/\n AvatarGroupPopover Props\n /\nexport type AvatarGroupPopoverProps = Omit<ComponentProps<Partial<AvatarGroupPopoverSlots>>, 'children'> & {\n /\n Whether the triggerButton should render an icon instead of the number of overflowed AvatarGroupItems.\n * Note: The indicator will default to `icon` when the size is less than 24.\n * @default count\n /\n indicator?: 'count' \| 'icon';\n\n /\n Number of AvatarGroupItems that will be rendered.\n \n Note: AvatarGroupPopover handles counting the number of children, but when using a react fragment to wrap the\n * children, this is not possible and therefore it has do be added manually.\n /\n count?: number;\n\n children: React.ReactNode;\n};\n\n/\n State used in rendering AvatarGroupPopover\n */\nexport type AvatarGroupPopoverState = ComponentState<AvatarGroupPopoverSlots> &\n Required<Pick<AvatarGroupPopoverProps, 'count' \| 'indicator'>> & {\n popoverOpen: boolean;\n layout: AvatarGroupProps['layout'];\n size: AvatarSize;\n };\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}