@fluentui/react-avatar 9.4.4 → 9.4.6

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

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

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

@@ -1,27 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "AvatarGroupPopover", {
+    enumerable: true,
+    get: ()=>AvatarGroupPopover
 });
-exports.AvatarGroupPopover = void 0;
-const renderAvatarGroupPopover_1 = /*#__PURE__*/require("./renderAvatarGroupPopover");
-const useAvatarGroupPopoverContextValues_1 = /*#__PURE__*/require("./useAvatarGroupPopoverContextValues");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const useAvatarGroupPopover_1 = /*#__PURE__*/require("./useAvatarGroupPopover");
-const useAvatarGroupPopoverStyles_1 = /*#__PURE__*/require("./useAvatarGroupPopoverStyles");
-/**
- * The AvatarGroupPopover component provides a button with a Popover containing the children provided.
- */
-const AvatarGroupPopover = props => {
-  const state = useAvatarGroupPopover_1.useAvatarGroupPopover_unstable(props);
-  const contextValues = useAvatarGroupPopoverContextValues_1.useAvatarGroupPopoverContextValues(state);
-  useAvatarGroupPopoverStyles_1.useAvatarGroupPopoverStyles_unstable(state);
-  const {
-    useAvatarGroupPopoverStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderAvatarGroupPopover_1.renderAvatarGroupPopover_unstable(state, contextValues);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _renderAvatarGroupPopover = require("./renderAvatarGroupPopover");
+const _useAvatarGroupPopoverContextValues = require("./useAvatarGroupPopoverContextValues");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useAvatarGroupPopover = require("./useAvatarGroupPopover");
+const _useAvatarGroupPopoverStyles = require("./useAvatarGroupPopoverStyles");
+const AvatarGroupPopover = (props)=>{
+    const state = (0, _useAvatarGroupPopover.useAvatarGroupPopover_unstable)(props);
+    const contextValues = (0, _useAvatarGroupPopoverContextValues.useAvatarGroupPopoverContextValues)(state);
+    (0, _useAvatarGroupPopoverStyles.useAvatarGroupPopoverStyles_unstable)(state);
+    const { useAvatarGroupPopoverStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderAvatarGroupPopover.renderAvatarGroupPopover_unstable)(state, contextValues);
 };
-exports.AvatarGroupPopover = AvatarGroupPopover;
-exports.AvatarGroupPopover.displayName = 'AvatarGroupPopover';
+AvatarGroupPopover.displayName = 'AvatarGroupPopover'; //# sourceMappingURL=AvatarGroupPopover.js.map
+
 //# sourceMappingURL=AvatarGroupPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["renderAvatarGroupPopover_1","require","useAvatarGroupPopoverContextValues_1","react_shared_contexts_1","useAvatarGroupPopover_1","useAvatarGroupPopoverStyles_1","AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAvatarGroupPopover_unstable","exports","displayName"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles';\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(state);\n\n  useAvatarGroupPopoverStyles_unstable(state);\n\n  const { useAvatarGroupPopoverStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAvatarGroupPopover_unstable(state, contextValues);\n};\n\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n"],"mappings":";;;;;;AACA,MAAAA,0BAAA,gBAAAC,OAAA;AACA,MAAAC,oCAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,6BAAA,gBAAAJ,OAAA;AAGA;;;AAGO,MAAMK,kBAAkB,GAAsCC,KAAK,IAAG;EAC3E,MAAMC,KAAK,GAAGJ,uBAAA,CAAAK,8BAA8B,CAACF,KAAK,CAAC;EACnD,MAAMG,aAAa,GAAGR,oCAAA,CAAAS,kCAAkC,CAACH,KAAK,CAAC;EAE/DH,6BAAA,CAAAO,oCAAoC,CAACJ,KAAK,CAAC;EAE3C,MAAM;IAAEI,oCAAoC,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAChGD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOR,0BAAA,CAAAe,iCAAiC,CAACP,KAAK,EAAEE,aAAa,CAAC;AAChE,CAAC;AAVYM,OAAA,CAAAV,kBAAkB,GAAAA,kBAAA;AAY/BU,OAAA,CAAAV,kBAAkB,CAACW,WAAW,GAAG,oBAAoB"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles';\n/**\n * The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */\nexport const AvatarGroupPopover = props => {\n  const state = useAvatarGroupPopover_unstable(props);\n  const contextValues = useAvatarGroupPopoverContextValues(state);\n  useAvatarGroupPopoverStyles_unstable(state);\n  const {\n    useAvatarGroupPopoverStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n//# sourceMappingURL=AvatarGroupPopover.js.map"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;0CAC2B;oDACC;qCACN;uCACE;6CACM;AAI9C,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAMC,QAAQC,IAAAA,qDAA8B,EAACF;IAC7C,MAAMG,gBAAgBC,IAAAA,sEAAkC,EAACH;IACzDI,IAAAA,iEAAoC,EAACJ;IACrC,MAAM,EACJI,sCAAsCC,gBAAe,EACtD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,2DAAiC,EAACP,OAAOE;AAClD;AACAJ,mBAAmBU,WAAW,GAAG,sBACjC,8CAA8C"}

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

@@ -1,6 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+ //# sourceMappingURL=AvatarGroupPopover.types.js.map
+
 //# sourceMappingURL=AvatarGroupPopover.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/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"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=AvatarGroupPopover.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,oDAAoD"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./AvatarGroupPopover"), exports);
-tslib_1.__exportStar(require("./AvatarGroupPopover.types"), exports);
-tslib_1.__exportStar(require("./renderAvatarGroupPopover"), exports);
-tslib_1.__exportStar(require("./useAvatarGroupPopover"), exports);
-tslib_1.__exportStar(require("./useAvatarGroupPopoverStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./AvatarGroupPopover"), exports);
+_exportStar(require("./AvatarGroupPopover.types"), exports);
+_exportStar(require("./renderAvatarGroupPopover"), exports);
+_exportStar(require("./useAvatarGroupPopover"), exports);
+_exportStar(require("./useAvatarGroupPopoverStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/index.js"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

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

@@ -1,36 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderAvatarGroupPopover_unstable", {
+    enumerable: true,
+    get: ()=>renderAvatarGroupPopover_unstable
 });
-exports.renderAvatarGroupPopover_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const AvatarGroupContext_1 = /*#__PURE__*/require("../../contexts/AvatarGroupContext");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_popover_1 = /*#__PURE__*/require("@fluentui/react-popover");
-/**
- * Render the final JSX of AvatarGroupPopover
- */
-const renderAvatarGroupPopover_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(react_popover_1.PopoverTrigger, {
-    disableButtonEnhancement: true
-  }, React.createElement(slots.tooltip, {
-    ...slotProps.tooltip
-  }, React.createElement(slots.triggerButton, {
-    ...slotProps.triggerButton
-  }))), React.createElement(slots.popoverSurface, {
-    ...slotProps.popoverSurface
-  }, React.createElement(AvatarGroupContext_1.AvatarGroupProvider, {
-    value: contextValues.avatarGroup
-  }, React.createElement(slots.content, {
-    ...slotProps.content
-  }))));
-};
-exports.renderAvatarGroupPopover_unstable = renderAvatarGroupPopover_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactPopover = require("@fluentui/react-popover");
+const renderAvatarGroupPopover_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, {
+        disableButtonEnhancement: true
+    }, /*#__PURE__*/ _react.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/ _react.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/ _react.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
+        value: contextValues.avatarGroup
+    }, /*#__PURE__*/ _react.createElement(slots.content, slotProps.content))));
+}; //# sourceMappingURL=renderAvatarGroupPopover.js.map
+
 //# sourceMappingURL=renderAvatarGroupPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","AvatarGroupContext_1","react_utilities_1","react_popover_1","renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","getSlots","createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { AvatarGroupContextValues } from '../AvatarGroup/AvatarGroup.types';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverProps, PopoverTrigger } from '@fluentui/react-popover';\nimport { TooltipProps } from '@fluentui/react-tooltip';\nimport type { AvatarGroupPopoverState, AvatarGroupPopoverSlots } from './AvatarGroupPopover.types';\n\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (\n  state: AvatarGroupPopoverState,\n  contextValues: AvatarGroupContextValues,\n) => {\n  const { slots, slotProps } = getSlots<AvatarGroupPopoverSlots>(state);\n\n  return (\n    <slots.root {...(slotProps.root as PopoverProps)}>\n      <PopoverTrigger disableButtonEnhancement>\n        <slots.tooltip {...(slotProps.tooltip as TooltipProps)}>\n          <slots.triggerButton {...slotProps.triggerButton} />\n        </slots.tooltip>\n      </PopoverTrigger>\n      <slots.popoverSurface {...slotProps.popoverSurface}>\n        <AvatarGroupProvider value={contextValues.avatarGroup}>\n          <slots.content {...slotProps.content} />\n        </AvatarGroupProvider>\n      </slots.popoverSurface>\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AAEA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AAIA;;;AAGO,MAAMI,iCAAiC,GAAGA,CAC/CC,KAA8B,EAC9BC,aAAuC,KACrC;EACF,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAA0BJ,KAAK,CAAC;EAErE,OACEN,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAMH,SAAS,CAACG;EAAqB,GAC9CZ,KAAA,CAAAW,aAAA,CAACP,eAAA,CAAAS,cAAc;IAACC,wBAAwB;EAAA,GACtCd,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACO,OAAO;IAAA,GAAMN,SAAS,CAACM;EAAwB,GACpDf,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACQ,aAAa;IAAA,GAAKP,SAAS,CAACO;EAAa,EAAI,CACtC,CACD,EACjBhB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACS,cAAc;IAAA,GAAKR,SAAS,CAACQ;EAAc,GAChDjB,KAAA,CAAAW,aAAA,CAACT,oBAAA,CAAAgB,mBAAmB;IAACC,KAAK,EAAEZ,aAAa,CAACa;EAAW,GACnDpB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACa,OAAO;IAAA,GAAKZ,SAAS,CAACY;EAAO,EAAI,CACpB,CACD,CACZ;AAEjB,CAAC;AApBYC,OAAA,CAAAjB,iCAAiC,GAAAA,iCAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(PopoverTrigger, {\n    disableButtonEnhancement: true\n  }, /*#__PURE__*/React.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/React.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/React.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/React.createElement(AvatarGroupProvider, {\n    value: contextValues.avatarGroup\n  }, /*#__PURE__*/React.createElement(slots.content, slotProps.content))));\n};\n//# sourceMappingURL=renderAvatarGroupPopover.js.map"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;oCACa;gCACX;8BACM;AAIxB,MAAMA,oCAAoC,CAACC,OAAOC,gBAAkB;IACzE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,4BAAc,EAAE;QACnHC,0BAA0B,IAAI;IAChC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,OAAO,EAAEP,UAAUO,OAAO,EAAE,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,aAAa,EAAER,UAAUQ,aAAa,KAAK,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,cAAc,EAAET,UAAUS,cAAc,EAAE,WAAW,GAAEP,OAAMC,aAAa,CAACO,uCAAmB,EAAE;QAC7RC,OAAOb,cAAcc,WAAW;IAClC,GAAG,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMc,OAAO,EAAEb,UAAUa,OAAO;AACtE,GACA,oDAAoD"}

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

@@ -1,103 +1,93 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAvatarGroupPopover_unstable", {
+    enumerable: true,
+    get: ()=>useAvatarGroupPopover_unstable
 });
-exports.useAvatarGroupPopover_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const AvatarGroupContext_1 = /*#__PURE__*/require("../../contexts/AvatarGroupContext");
-const useAvatarGroup_1 = /*#__PURE__*/require("../AvatarGroup/useAvatarGroup");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_popover_1 = /*#__PURE__*/require("@fluentui/react-popover");
-const react_tooltip_1 = /*#__PURE__*/require("@fluentui/react-tooltip");
-/**
- * Create the state required to render AvatarGroupPopover.
- *
- * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,
- * before being passed to renderAvatarGroupPopover_unstable.
- *
- * @param props - props from this instance of AvatarGroupPopover
- */
-const useAvatarGroupPopover_unstable = props => {
-  var _a;
-  const size = (_a = AvatarGroupContext_1.useAvatarGroupContext_unstable(ctx => ctx.size)) !== null && _a !== void 0 ? _a : useAvatarGroup_1.defaultAvatarGroupSize;
-  const layout = AvatarGroupContext_1.useAvatarGroupContext_unstable(ctx => ctx.layout);
-  const {
-    indicator = size < 24 ? 'icon' : 'count',
-    count = React.Children.count(props.children),
-    children,
-    ...restOfProps
-  } = props;
-  const [popoverOpen, setPopoverOpen] = react_utilities_1.useControllableState({
-    state: props.open,
-    defaultState: props.defaultOpen,
-    initialState: false
-  });
-  const handleOnPopoverChange = (e, data) => {
-    var _a;
-    (_a = restOfProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(restOfProps, e, data);
-    setPopoverOpen(data.open);
-  };
-  let triggerButtonChildren;
-  if (layout === 'pie') {
-    triggerButtonChildren = null;
-  } else if (indicator === 'icon') {
-    triggerButtonChildren = React.createElement(react_icons_1.MoreHorizontalRegular, null);
-  } else {
-    triggerButtonChildren = count > 99 ? '99+' : `+${count}`;
-  }
-  return {
-    count,
-    indicator,
-    layout,
-    popoverOpen,
-    size,
-    components: {
-      root: react_popover_1.Popover,
-      triggerButton: 'button',
-      content: 'ul',
-      popoverSurface: react_popover_1.PopoverSurface,
-      tooltip: react_tooltip_1.Tooltip
-    },
-    root: {
-      // Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.
-      children: React.createElement(React.Fragment, null),
-      size: 'small',
-      trapFocus: true,
-      ...restOfProps,
-      open: popoverOpen,
-      onOpenChange: handleOnPopoverChange
-    },
-    triggerButton: react_utilities_1.resolveShorthand(props.triggerButton, {
-      required: true,
-      defaultProps: {
-        children: triggerButtonChildren,
-        type: 'button'
-      }
-    }),
-    content: react_utilities_1.resolveShorthand(props.content, {
-      required: true,
-      defaultProps: {
-        children,
-        role: 'list'
-      }
-    }),
-    popoverSurface: react_utilities_1.resolveShorthand(props.popoverSurface, {
-      required: true,
-      defaultProps: {
-        'aria-label': 'Overflow',
-        tabIndex: 0
-      }
-    }),
-    tooltip: react_utilities_1.resolveShorthand(props.tooltip, {
-      required: true,
-      defaultProps: {
-        content: 'View more people.',
-        relationship: 'label'
-      }
-    })
-  };
-};
-exports.useAvatarGroupPopover_unstable = useAvatarGroupPopover_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
+const _useAvatarGroup = require("../AvatarGroup/useAvatarGroup");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactPopover = require("@fluentui/react-popover");
+const _reactTooltip = require("@fluentui/react-tooltip");
+const useAvatarGroupPopover_unstable = (props)=>{
+    var _useAvatarGroupContext_unstable;
+    const size = (_useAvatarGroupContext_unstable = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.size)) !== null && _useAvatarGroupContext_unstable !== void 0 ? _useAvatarGroupContext_unstable : _useAvatarGroup.defaultAvatarGroupSize;
+    const layout = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.layout);
+    const { indicator =size < 24 ? 'icon' : 'count' , count =_react.Children.count(props.children) , children , ...restOfProps } = props;
+    const [popoverOpen, setPopoverOpen] = (0, _reactUtilities.useControllableState)({
+        state: props.open,
+        defaultState: props.defaultOpen,
+        initialState: false
+    });
+    const handleOnPopoverChange = (e, data)=>{
+        var _restOfProps_onOpenChange;
+        (_restOfProps_onOpenChange = restOfProps.onOpenChange) === null || _restOfProps_onOpenChange === void 0 ? void 0 : _restOfProps_onOpenChange.call(restOfProps, e, data);
+        setPopoverOpen(data.open);
+    };
+    let triggerButtonChildren;
+    if (layout === 'pie') {
+        triggerButtonChildren = null;
+    } else if (indicator === 'icon') {
+        triggerButtonChildren = /*#__PURE__*/ _react.createElement(_reactIcons.MoreHorizontalRegular, null);
+    } else {
+        triggerButtonChildren = count > 99 ? '99+' : `+${count}`;
+    }
+    return {
+        count,
+        indicator,
+        layout,
+        popoverOpen,
+        size,
+        components: {
+            root: _reactPopover.Popover,
+            triggerButton: 'button',
+            content: 'ul',
+            popoverSurface: _reactPopover.PopoverSurface,
+            tooltip: _reactTooltip.Tooltip
+        },
+        root: {
+            // Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.
+            children: /*#__PURE__*/ _react.createElement(_react.Fragment, null),
+            size: 'small',
+            trapFocus: true,
+            ...restOfProps,
+            open: popoverOpen,
+            onOpenChange: handleOnPopoverChange
+        },
+        triggerButton: (0, _reactUtilities.resolveShorthand)(props.triggerButton, {
+            required: true,
+            defaultProps: {
+                children: triggerButtonChildren,
+                type: 'button'
+            }
+        }),
+        content: (0, _reactUtilities.resolveShorthand)(props.content, {
+            required: true,
+            defaultProps: {
+                children,
+                role: 'list'
+            }
+        }),
+        popoverSurface: (0, _reactUtilities.resolveShorthand)(props.popoverSurface, {
+            required: true,
+            defaultProps: {
+                'aria-label': 'Overflow',
+                tabIndex: 0
+            }
+        }),
+        tooltip: (0, _reactUtilities.resolveShorthand)(props.tooltip, {
+            required: true,
+            defaultProps: {
+                content: 'View more people.',
+                relationship: 'label'
+            }
+        })
+    };
+}; //# sourceMappingURL=useAvatarGroupPopover.js.map
+
 //# sourceMappingURL=useAvatarGroupPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","AvatarGroupContext_1","useAvatarGroup_1","react_utilities_1","react_icons_1","react_popover_1","react_tooltip_1","useAvatarGroupPopover_unstable","props","size","_a","useAvatarGroupContext_unstable","ctx","defaultAvatarGroupSize","layout","indicator","count","Children","children","restOfProps","popoverOpen","setPopoverOpen","useControllableState","state","open","defaultState","defaultOpen","initialState","handleOnPopoverChange","e","data","onOpenChange","call","triggerButtonChildren","createElement","MoreHorizontalRegular","components","root","Popover","triggerButton","content","popoverSurface","PopoverSurface","tooltip","Tooltip","Fragment","trapFocus","resolveShorthand","required","defaultProps","type","role","tabIndex","relationship","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { resolveShorthand, useControllableState } from '@fluentui/react-utilities';\nimport { MoreHorizontalRegular } from '@fluentui/react-icons';\nimport { OnOpenChangeData, OpenPopoverEvents, Popover, PopoverSurface } from '@fluentui/react-popover';\nimport type { AvatarGroupPopoverProps, AvatarGroupPopoverState } from './AvatarGroupPopover.types';\nimport { Tooltip } from '@fluentui/react-tooltip';\n\n/**\n * Create the state required to render AvatarGroupPopover.\n *\n * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,\n * before being passed to renderAvatarGroupPopover_unstable.\n *\n * @param props - props from this instance of AvatarGroupPopover\n */\nexport const useAvatarGroupPopover_unstable = (props: AvatarGroupPopoverProps): AvatarGroupPopoverState => {\n  const size = useAvatarGroupContext_unstable(ctx => ctx.size) ?? defaultAvatarGroupSize;\n  const layout = useAvatarGroupContext_unstable(ctx => ctx.layout);\n  const {\n    indicator = size < 24 ? 'icon' : 'count',\n    count = React.Children.count(props.children),\n    children,\n    ...restOfProps\n  } = props;\n\n  const [popoverOpen, setPopoverOpen] = useControllableState({\n    state: props.open,\n    defaultState: props.defaultOpen,\n    initialState: false,\n  });\n\n  const handleOnPopoverChange = (e: OpenPopoverEvents, data: OnOpenChangeData) => {\n    restOfProps.onOpenChange?.(e, data);\n    setPopoverOpen(data.open);\n  };\n\n  let triggerButtonChildren;\n  if (layout === 'pie') {\n    triggerButtonChildren = null;\n  } else if (indicator === 'icon') {\n    triggerButtonChildren = <MoreHorizontalRegular />;\n  } else {\n    triggerButtonChildren = count > 99 ? '99+' : `+${count}`;\n  }\n\n  return {\n    count,\n    indicator,\n    layout,\n    popoverOpen,\n    size,\n\n    components: {\n      root: Popover,\n      triggerButton: 'button',\n      content: 'ul',\n      popoverSurface: PopoverSurface,\n      tooltip: Tooltip,\n    },\n    root: {\n      // Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.\n      children: <></>,\n      size: 'small',\n      trapFocus: true,\n      ...restOfProps,\n      open: popoverOpen,\n      onOpenChange: handleOnPopoverChange,\n    },\n    triggerButton: resolveShorthand(props.triggerButton, {\n      required: true,\n      defaultProps: {\n        children: triggerButtonChildren,\n        type: 'button',\n      },\n    }),\n    content: resolveShorthand(props.content, {\n      required: true,\n      defaultProps: {\n        children,\n        role: 'list',\n      },\n    }),\n    popoverSurface: resolveShorthand(props.popoverSurface, {\n      required: true,\n      defaultProps: {\n        'aria-label': 'Overflow',\n        tabIndex: 0,\n      },\n    }),\n    tooltip: resolveShorthand(props.tooltip, {\n      required: true,\n      defaultProps: {\n        content: 'View more people.',\n        relationship: 'label',\n      },\n    }),\n  };\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/useAvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { resolveShorthand, useControllableState } from '@fluentui/react-utilities';\nimport { MoreHorizontalRegular } from '@fluentui/react-icons';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { Tooltip } from '@fluentui/react-tooltip';\n/**\n * Create the state required to render AvatarGroupPopover.\n *\n * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,\n * before being passed to renderAvatarGroupPopover_unstable.\n *\n * @param props - props from this instance of AvatarGroupPopover\n */\nexport const useAvatarGroupPopover_unstable = props => {\n  var _useAvatarGroupContext_unstable;\n  const size = (_useAvatarGroupContext_unstable = useAvatarGroupContext_unstable(ctx => ctx.size)) !== null && _useAvatarGroupContext_unstable !== void 0 ? _useAvatarGroupContext_unstable : defaultAvatarGroupSize;\n  const layout = useAvatarGroupContext_unstable(ctx => ctx.layout);\n  const {\n    indicator = size < 24 ? 'icon' : 'count',\n    count = React.Children.count(props.children),\n    children,\n    ...restOfProps\n  } = props;\n  const [popoverOpen, setPopoverOpen] = useControllableState({\n    state: props.open,\n    defaultState: props.defaultOpen,\n    initialState: false\n  });\n  const handleOnPopoverChange = (e, data) => {\n    var _restOfProps_onOpenChange;\n    (_restOfProps_onOpenChange = restOfProps.onOpenChange) === null || _restOfProps_onOpenChange === void 0 ? void 0 : _restOfProps_onOpenChange.call(restOfProps, e, data);\n    setPopoverOpen(data.open);\n  };\n  let triggerButtonChildren;\n  if (layout === 'pie') {\n    triggerButtonChildren = null;\n  } else if (indicator === 'icon') {\n    triggerButtonChildren = /*#__PURE__*/React.createElement(MoreHorizontalRegular, null);\n  } else {\n    triggerButtonChildren = count > 99 ? '99+' : `+${count}`;\n  }\n  return {\n    count,\n    indicator,\n    layout,\n    popoverOpen,\n    size,\n    components: {\n      root: Popover,\n      triggerButton: 'button',\n      content: 'ul',\n      popoverSurface: PopoverSurface,\n      tooltip: Tooltip\n    },\n    root: {\n      // Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.\n      children: /*#__PURE__*/React.createElement(React.Fragment, null),\n      size: 'small',\n      trapFocus: true,\n      ...restOfProps,\n      open: popoverOpen,\n      onOpenChange: handleOnPopoverChange\n    },\n    triggerButton: resolveShorthand(props.triggerButton, {\n      required: true,\n      defaultProps: {\n        children: triggerButtonChildren,\n        type: 'button'\n      }\n    }),\n    content: resolveShorthand(props.content, {\n      required: true,\n      defaultProps: {\n        children,\n        role: 'list'\n      }\n    }),\n    popoverSurface: resolveShorthand(props.popoverSurface, {\n      required: true,\n      defaultProps: {\n        'aria-label': 'Overflow',\n        tabIndex: 0\n      }\n    }),\n    tooltip: resolveShorthand(props.tooltip, {\n      required: true,\n      defaultProps: {\n        content: 'View more people.',\n        relationship: 'label'\n      }\n    })\n  };\n};\n//# sourceMappingURL=useAvatarGroupPopover.js.map"],"names":["useAvatarGroupPopover_unstable","props","_useAvatarGroupContext_unstable","size","useAvatarGroupContext_unstable","ctx","defaultAvatarGroupSize","layout","indicator","count","React","Children","children","restOfProps","popoverOpen","setPopoverOpen","useControllableState","state","open","defaultState","defaultOpen","initialState","handleOnPopoverChange","e","data","_restOfProps_onOpenChange","onOpenChange","call","triggerButtonChildren","createElement","MoreHorizontalRegular","components","root","Popover","triggerButton","content","popoverSurface","PopoverSurface","tooltip","Tooltip","Fragment","trapFocus","resolveShorthand","required","defaultProps","type","role","tabIndex","relationship"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;oCACwB;gCACR;gCACgB;4BACjB;8BACE;8BAChB;AASjB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,IAAIC;IACJ,MAAMC,OAAO,AAACD,CAAAA,kCAAkCE,IAAAA,kDAA8B,EAACC,CAAAA,MAAOA,IAAIF,IAAI,CAAA,MAAO,IAAI,IAAID,oCAAoC,KAAK,IAAIA,kCAAkCI,sCAAsB;IAClN,MAAMC,SAASH,IAAAA,kDAA8B,EAACC,CAAAA,MAAOA,IAAIE,MAAM;IAC/D,MAAM,EACJC,WAAYL,OAAO,KAAK,SAAS,OAAO,CAAA,EACxCM,OAAQC,OAAMC,QAAQ,CAACF,KAAK,CAACR,MAAMW,QAAQ,EAAC,EAC5CA,SAAQ,EACR,GAAGC,aACJ,GAAGZ;IACJ,MAAM,CAACa,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACzDC,OAAOhB,MAAMiB,IAAI;QACjBC,cAAclB,MAAMmB,WAAW;QAC/BC,cAAc,KAAK;IACrB;IACA,MAAMC,wBAAwB,CAACC,GAAGC,OAAS;QACzC,IAAIC;QACHA,CAAAA,4BAA4BZ,YAAYa,YAAY,AAAD,MAAO,IAAI,IAAID,8BAA8B,KAAK,IAAI,KAAK,IAAIA,0BAA0BE,IAAI,CAACd,aAAaU,GAAGC,KAAK;QACvKT,eAAeS,KAAKN,IAAI;IAC1B;IACA,IAAIU;IACJ,IAAIrB,WAAW,OAAO;QACpBqB,wBAAwB,IAAI;IAC9B,OAAO,IAAIpB,cAAc,QAAQ;QAC/BoB,wBAAwB,WAAW,GAAElB,OAAMmB,aAAa,CAACC,iCAAqB,EAAE,IAAI;IACtF,OAAO;QACLF,wBAAwBnB,QAAQ,KAAK,QAAQ,CAAC,CAAC,EAAEA,MAAM,CAAC;IAC1D,CAAC;IACD,OAAO;QACLA;QACAD;QACAD;QACAO;QACAX;QACA4B,YAAY;YACVC,MAAMC,qBAAO;YACbC,eAAe;YACfC,SAAS;YACTC,gBAAgBC,4BAAc;YAC9BC,SAASC,qBAAO;QAClB;QACAP,MAAM;YACJ,oGAAoG;YACpGpB,UAAU,WAAW,GAAEF,OAAMmB,aAAa,CAACnB,OAAM8B,QAAQ,EAAE,IAAI;YAC/DrC,MAAM;YACNsC,WAAW,IAAI;YACf,GAAG5B,WAAW;YACdK,MAAMJ;YACNY,cAAcJ;QAChB;QACAY,eAAeQ,IAAAA,gCAAgB,EAACzC,MAAMiC,aAAa,EAAE;YACnDS,UAAU,IAAI;YACdC,cAAc;gBACZhC,UAAUgB;gBACViB,MAAM;YACR;QACF;QACAV,SAASO,IAAAA,gCAAgB,EAACzC,MAAMkC,OAAO,EAAE;YACvCQ,UAAU,IAAI;YACdC,cAAc;gBACZhC;gBACAkC,MAAM;YACR;QACF;QACAV,gBAAgBM,IAAAA,gCAAgB,EAACzC,MAAMmC,cAAc,EAAE;YACrDO,UAAU,IAAI;YACdC,cAAc;gBACZ,cAAc;gBACdG,UAAU;YACZ;QACF;QACAT,SAASI,IAAAA,gCAAgB,EAACzC,MAAMqC,OAAO,EAAE;YACvCK,UAAU,IAAI;YACdC,cAAc;gBACZT,SAAS;gBACTa,cAAc;YAChB;QACF;IACF;AACF,GACA,iDAAiD"}

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

@@ -1,17 +1,19 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAvatarGroupPopoverContextValues", {
+    enumerable: true,
+    get: ()=>useAvatarGroupPopoverContextValues
 });
-exports.useAvatarGroupPopoverContextValues = void 0;
-const useAvatarGroupPopoverContextValues = state => {
-  const avatarGroup = {
-    isOverflow: true,
-    size: 24
-  };
-  return {
-    avatarGroup
-  };
-};
-exports.useAvatarGroupPopoverContextValues = useAvatarGroupPopoverContextValues;
+const useAvatarGroupPopoverContextValues = (state)=>{
+    const avatarGroup = {
+        isOverflow: true,
+        size: 24
+    };
+    return {
+        avatarGroup
+    };
+}; //# sourceMappingURL=useAvatarGroupPopoverContextValues.js.map
+
 //# sourceMappingURL=useAvatarGroupPopoverContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useAvatarGroupPopoverContextValues","state","avatarGroup","isOverflow","size","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.ts"],"sourcesContent":["import { AvatarGroupContextValue, AvatarGroupContextValues } from '../AvatarGroup/AvatarGroup.types';\nimport { AvatarGroupPopoverState } from './AvatarGroupPopover.types';\n\nexport const useAvatarGroupPopoverContextValues = (state: AvatarGroupPopoverState): AvatarGroupContextValues => {\n  const avatarGroup: AvatarGroupContextValue = {\n    isOverflow: true,\n    size: 24,\n  };\n\n  return { avatarGroup };\n};\n"],"mappings":";;;;;;AAGO,MAAMA,kCAAkC,GAAIC,KAA8B,IAA8B;EAC7G,MAAMC,WAAW,GAA4B;IAC3CC,UAAU,EAAE,IAAI;IAChBC,IAAI,EAAE;GACP;EAED,OAAO;IAAEF;EAAW,CAAE;AACxB,CAAC;AAPYG,OAAA,CAAAL,kCAAkC,GAAAA,kCAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js"],"sourcesContent":["export const useAvatarGroupPopoverContextValues = state => {\n  const avatarGroup = {\n    isOverflow: true,\n    size: 24\n  };\n  return {\n    avatarGroup\n  };\n};\n//# sourceMappingURL=useAvatarGroupPopoverContextValues.js.map"],"names":["useAvatarGroupPopoverContextValues","state","avatarGroup","isOverflow","size"],"mappings":";;;;+BAAaA;;aAAAA;;AAAN,MAAMA,qCAAqCC,CAAAA,QAAS;IACzD,MAAMC,cAAc;QAClBC,YAAY,IAAI;QAChBC,MAAM;IACR;IACA,OAAO;QACLF;IACF;AACF,GACA,8DAA8D"}