@fluentui/react-avatar 9.4.4 → 9.4.6

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

@@ -1,257 +1,412 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    avatarGroupItemClassNames: ()=>avatarGroupItemClassNames,
+    useAvatarGroupItemStyles_unstable: ()=>useAvatarGroupItemStyles_unstable,
+    useGroupChildClassName: ()=>useGroupChildClassName
 });
-exports.useGroupChildClassName = exports.useAvatarGroupItemStyles_unstable = exports.avatarGroupItemClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const Avatar_1 = /*#__PURE__*/require("../../Avatar");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-exports.avatarGroupItemClassNames = {
-  root: 'fui-AvatarGroupItem',
-  avatar: 'fui-AvatarGroupItem__avatar',
-  overflowLabel: 'fui-AvatarGroupItem__overflowLabel'
+const _react = require("@griffel/react");
+const _avatar = require("../../Avatar");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const avatarGroupItemClassNames = {
+    root: 'fui-AvatarGroupItem',
+    avatar: 'fui-AvatarGroupItem__avatar',
+    overflowLabel: 'fui-AvatarGroupItem__overflowLabel'
 };
 const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
 /**
  * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bt984gj: "f122n59",
-    mc9l5x: "ftuwxu6",
-    Bnnss6s: "fi64zpg",
-    qhf8xq: "f10pi13n"
-  },
-  overflowItem: {
-    z8tnut: "f1ywm7hm",
-    z189sj: ["f7x41pl", "fruq291"],
-    Byoj8tv: "f14wxoun",
-    uwmqm3: ["fruq291", "f7x41pl"]
-  },
-  nonOverflowItem: {
-    Bbmb7ep: ["f8fbkgy", "f1nfllo7"],
-    Beyfa6y: ["f1nfllo7", "f8fbkgy"],
-    B7oj6ja: ["f1djnp8u", "f1s8kh49"],
-    Btl43ni: ["f1s8kh49", "f1djnp8u"]
-  }
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bt984gj: "f122n59",
+        mc9l5x: "ftuwxu6",
+        Bnnss6s: "fi64zpg",
+        qhf8xq: "f10pi13n"
+    },
+    overflowItem: {
+        z8tnut: "f1ywm7hm",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f14wxoun",
+        uwmqm3: [
+            "fruq291",
+            "f7x41pl"
+        ]
+    },
+    nonOverflowItem: {
+        Bbmb7ep: [
+            "f8fbkgy",
+            "f1nfllo7"
+        ],
+        Beyfa6y: [
+            "f1nfllo7",
+            "f8fbkgy"
+        ],
+        B7oj6ja: [
+            "f1djnp8u",
+            "f1s8kh49"
+        ],
+        Btl43ni: [
+            "f1s8kh49",
+            "f1djnp8u"
+        ]
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
 /**
  * Styles for the avatar slot
- */
-const useAvatarStyles = /*#__PURE__*/react_1.__styles({
-  nonOverflowItem: {
-    qhf8xq: "f1euv43f"
-  },
-  pie: {
-    Bbmb7ep: ["f1krrbdw", "f1deotkl"],
-    Beyfa6y: ["f1deotkl", "f1krrbdw"],
-    B7oj6ja: ["f10ostut", "f1ozlkrg"],
-    Btl43ni: ["f1ozlkrg", "f10ostut"]
-  }
+ */ const useAvatarStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    nonOverflowItem: {
+        qhf8xq: "f1euv43f"
+    },
+    pie: {
+        Bbmb7ep: [
+            "f1krrbdw",
+            "f1deotkl"
+        ],
+        Beyfa6y: [
+            "f1deotkl",
+            "f1krrbdw"
+        ],
+        B7oj6ja: [
+            "f10ostut",
+            "f1ozlkrg"
+        ],
+        Btl43ni: [
+            "f1ozlkrg",
+            "f10ostut"
+        ]
+    }
 }, {
-  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;}"]
+    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;}"
+    ]
 });
 /**
  * Styles for the label slot
- */
-const useOverflowLabelStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Frg6f3: ["foyynoy", "f1vcna3q"],
-    sj55zd: "f19n0e5",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  }
+ */ const useOverflowLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Frg6f3: [
+            "foyynoy",
+            "f1vcna3q"
+        ],
+        sj55zd: "f19n0e5",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
 /**
  * Styles for the stack layout
- */
-const useStackStyles = /*#__PURE__*/react_1.__styles({
-  thick: {
-    E5pizo: "foiuzp5"
-  },
-  thicker: {
-    E5pizo: "f1x6o7w7"
-  },
-  thickest: {
-    E5pizo: "f2aml1u"
-  },
-  xxs: {
-    jhia2w: ["f1cjco14", "f13dxjc9"]
-  },
-  xs: {
-    jhia2w: ["f15p6bln", "f1bab3ru"]
-  },
-  s: {
-    jhia2w: ["f1v53ncc", "f17pu8r8"]
-  },
-  l: {
-    jhia2w: ["flv48ch", "fnh1ydj"]
-  }
+ */ const useStackStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    thick: {
+        E5pizo: "foiuzp5"
+    },
+    thicker: {
+        E5pizo: "f1x6o7w7"
+    },
+    thickest: {
+        E5pizo: "f2aml1u"
+    },
+    xxs: {
+        jhia2w: [
+            "f1cjco14",
+            "f13dxjc9"
+        ]
+    },
+    xs: {
+        jhia2w: [
+            "f15p6bln",
+            "f1bab3ru"
+        ]
+    },
+    s: {
+        jhia2w: [
+            "f1v53ncc",
+            "f17pu8r8"
+        ]
+    },
+    l: {
+        jhia2w: [
+            "flv48ch",
+            "fnh1ydj"
+        ]
+    }
 }, {
-  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));}"]
+    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));}"
+    ]
 });
 /**
  * Styles for the spread layout
- */
-const useSpreadStyles = /*#__PURE__*/react_1.__styles({
-  s: {
-    jhia2w: ["f7lhxv7", "f6ou2b0"]
-  },
-  mNudge: {
-    jhia2w: ["f1h0okno", "fnnqava"]
-  },
-  m: {
-    jhia2w: ["f1wkt588", "f1maio5g"]
-  },
-  l: {
-    jhia2w: ["f1l333zn", "f1r41m4c"]
-  },
-  xl: {
-    jhia2w: ["fahr13a", "f2n7rbo"]
-  }
+ */ const useSpreadStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    s: {
+        jhia2w: [
+            "f7lhxv7",
+            "f6ou2b0"
+        ]
+    },
+    mNudge: {
+        jhia2w: [
+            "f1h0okno",
+            "fnnqava"
+        ]
+    },
+    m: {
+        jhia2w: [
+            "f1wkt588",
+            "f1maio5g"
+        ]
+    },
+    l: {
+        jhia2w: [
+            "f1l333zn",
+            "f1r41m4c"
+        ]
+    },
+    xl: {
+        jhia2w: [
+            "fahr13a",
+            "f2n7rbo"
+        ]
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
 /**
  * Styles for the pie layout
- */
-const usePieStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    qhf8xq: "f1euv43f"
-  },
-  slices: {
-    B3gf25r: "f16m7w7k",
-    Be2twx7: ["f1o4hhgz", "fb4gjrz"],
-    Bvaow4n: "f1pgb5nx",
-    Gpecfs: ["fugirid", "f4sk99m"],
-    bhabj1: "fjreaf3",
-    B7rc6i7: ["f1k4vw81", "f1w1xcy7"],
-    Bwrfys5: "f1ef8vxk",
-    Bwuzm9m: ["f1x2qbfv", "f1xwf4nz"],
-    fflka: "ff6xuso",
-    do7bja: "fzpvk6c",
-    Be8zqhl: "f4onu7f",
-    Bij0kh0: ["f1ydfez1", "fjensob"],
-    Bwexnyt: "f1yv732j",
-    Bhe5x6o: "fchq2fj",
-    B3kv7bh: "ff5binh"
-  },
-  rtlSlices: {
-    B3gf25r: "f5vdl61",
-    Bvaow4n: "f1bnra92",
-    bhabj1: "f4ibo7t",
-    Bwrfys5: "f17heuis",
-    Bwuzm9m: ["f64f2ud", "f1yjglu3"],
-    Be8zqhl: "fa6l61x",
-    Bij0kh0: ["f1w2396a", "f14ab3yo"]
-  },
-  thick: {
-    uiicq7: "fnyfzln"
-  },
-  thicker: {
-    uiicq7: "f1xdzzot"
-  },
-  thickest: {
-    uiicq7: "f1auhru5"
-  }
+ */ const usePieStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        qhf8xq: "f1euv43f"
+    },
+    slices: {
+        B3gf25r: "f16m7w7k",
+        Be2twx7: [
+            "f1o4hhgz",
+            "fb4gjrz"
+        ],
+        Bvaow4n: "f1pgb5nx",
+        Gpecfs: [
+            "fugirid",
+            "f4sk99m"
+        ],
+        bhabj1: "fjreaf3",
+        B7rc6i7: [
+            "f1k4vw81",
+            "f1w1xcy7"
+        ],
+        Bwrfys5: "f1ef8vxk",
+        Bwuzm9m: [
+            "f1x2qbfv",
+            "f1xwf4nz"
+        ],
+        fflka: "ff6xuso",
+        do7bja: "fzpvk6c",
+        Be8zqhl: "f4onu7f",
+        Bij0kh0: [
+            "f1ydfez1",
+            "fjensob"
+        ],
+        Bwexnyt: "f1yv732j",
+        Bhe5x6o: "fchq2fj",
+        B3kv7bh: "ff5binh"
+    },
+    rtlSlices: {
+        B3gf25r: "f5vdl61",
+        Bvaow4n: "f1bnra92",
+        bhabj1: "f4ibo7t",
+        Bwrfys5: "f17heuis",
+        Bwuzm9m: [
+            "f64f2ud",
+            "f1yjglu3"
+        ],
+        Be8zqhl: "fa6l61x",
+        Bij0kh0: [
+            "f1w2396a",
+            "f14ab3yo"
+        ]
+    },
+    thick: {
+        uiicq7: "fnyfzln"
+    },
+    thicker: {
+        uiicq7: "f1xdzzot"
+    },
+    thickest: {
+        uiicq7: "f1auhru5"
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-/**
- * Apply styling to the AvatarGroupItem slots based on the state
- */
-const useAvatarGroupItemStyles_unstable = state => {
-  const {
-    isOverflowItem,
-    layout,
-    size
-  } = state;
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  const avatarStyles = useAvatarStyles();
-  const overflowLabelStyles = useOverflowLabelStyles();
-  const pieStyles = usePieStyles();
-  const rootStyles = useRootStyles();
-  const sizeStyles = Avatar_1.useSizeStyles();
-  const groupChildClassName = exports.useGroupChildClassName(layout, size);
-  const rootClasses = [rootStyles.base];
-  if (!isOverflowItem) {
-    rootClasses.push(rootStyles.nonOverflowItem);
-    rootClasses.push(groupChildClassName);
-    rootClasses.push(sizeStyles[size]);
-    if (layout === 'pie') {
-      rootClasses.push(pieStyles.base);
-      if (size < 56) {
-        rootClasses.push(pieStyles.thick);
-      } else if (size < 72) {
-        rootClasses.push(pieStyles.thicker);
-      } else {
-        rootClasses.push(pieStyles.thickest);
-      }
-      rootClasses.push(pieStyles.slices);
-      if (dir === 'rtl') {
-        rootClasses.push(pieStyles.rtlSlices);
-      }
+const useAvatarGroupItemStyles_unstable = (state)=>{
+    const { isOverflowItem , layout , size  } = state;
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const avatarStyles = useAvatarStyles();
+    const overflowLabelStyles = useOverflowLabelStyles();
+    const pieStyles = usePieStyles();
+    const rootStyles = useRootStyles();
+    const sizeStyles = (0, _avatar.useSizeStyles)();
+    const groupChildClassName = useGroupChildClassName(layout, size);
+    const rootClasses = [
+        rootStyles.base
+    ];
+    if (!isOverflowItem) {
+        rootClasses.push(rootStyles.nonOverflowItem);
+        rootClasses.push(groupChildClassName);
+        rootClasses.push(sizeStyles[size]);
+        if (layout === 'pie') {
+            rootClasses.push(pieStyles.base);
+            if (size < 56) {
+                rootClasses.push(pieStyles.thick);
+            } else if (size < 72) {
+                rootClasses.push(pieStyles.thicker);
+            } else {
+                rootClasses.push(pieStyles.thickest);
+            }
+            rootClasses.push(pieStyles.slices);
+            if (dir === 'rtl') {
+                rootClasses.push(pieStyles.rtlSlices);
+            }
+        }
+    } else {
+        rootClasses.push(rootStyles.overflowItem);
     }
-  } else {
-    rootClasses.push(rootStyles.overflowItem);
-  }
-  state.root.className = react_1.mergeClasses(exports.avatarGroupItemClassNames.root, ...rootClasses, state.root.className);
-  state.avatar.className = react_1.mergeClasses(exports.avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);
-  if (state.overflowLabel) {
-    state.overflowLabel.className = react_1.mergeClasses(exports.avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);
-  }
-  return state;
-};
-exports.useAvatarGroupItemStyles_unstable = useAvatarGroupItemStyles_unstable;
-/**
- * Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines
- * needed for each layout.
- */
-const useGroupChildClassName = (layout, size) => {
-  const stackStyles = useStackStyles();
-  const spreadStyles = useSpreadStyles();
-  const layoutClasses = [];
-  if (size) {
-    if (layout === 'stack') {
-      if (size < 56) {
-        layoutClasses.push(stackStyles.thick);
-      } else if (size < 72) {
-        layoutClasses.push(stackStyles.thicker);
-      } else {
-        layoutClasses.push(stackStyles.thickest);
-      }
-      if (size < 24) {
-        layoutClasses.push(stackStyles.xxs);
-      } else if (size < 48) {
-        layoutClasses.push(stackStyles.xs);
-      } else if (size < 96) {
-        layoutClasses.push(stackStyles.s);
-      } else {
-        layoutClasses.push(stackStyles.l);
-      }
-    } else if (layout === 'spread') {
-      if (size < 20) {
-        layoutClasses.push(spreadStyles.s);
-      } else if (size < 32) {
-        layoutClasses.push(spreadStyles.mNudge);
-      } else if (size < 64) {
-        layoutClasses.push(spreadStyles.l);
-      } else {
-        layoutClasses.push(spreadStyles.xl);
-      }
+    state.root.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);
+    state.avatar.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);
+    if (state.overflowLabel) {
+        state.overflowLabel.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);
     }
-  }
-  return react_1.mergeClasses(...layoutClasses);
+    return state;
 };
-exports.useGroupChildClassName = useGroupChildClassName;
+const useGroupChildClassName = (layout, size)=>{
+    const stackStyles = useStackStyles();
+    const spreadStyles = useSpreadStyles();
+    const layoutClasses = [];
+    if (size) {
+        if (layout === 'stack') {
+            if (size < 56) {
+                layoutClasses.push(stackStyles.thick);
+            } else if (size < 72) {
+                layoutClasses.push(stackStyles.thicker);
+            } else {
+                layoutClasses.push(stackStyles.thickest);
+            }
+            if (size < 24) {
+                layoutClasses.push(stackStyles.xxs);
+            } else if (size < 48) {
+                layoutClasses.push(stackStyles.xs);
+            } else if (size < 96) {
+                layoutClasses.push(stackStyles.s);
+            } else {
+                layoutClasses.push(stackStyles.l);
+            }
+        } else if (layout === 'spread') {
+            if (size < 20) {
+                layoutClasses.push(spreadStyles.s);
+            } else if (size < 32) {
+                layoutClasses.push(spreadStyles.mNudge);
+            } else if (size < 64) {
+                layoutClasses.push(spreadStyles.l);
+            } else {
+                layoutClasses.push(spreadStyles.xl);
+            }
+        }
+    }
+    return (0, _react.mergeClasses)(...layoutClasses);
+}; //# sourceMappingURL=useAvatarGroupItemStyles.js.map
+
 //# sourceMappingURL=useAvatarGroupItemStyles.js.map