{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupItem/useAvatarGroupItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useAvatarGroupItemBase_unstable } from '@fluentui/react-avatar';\n\nimport { Avatar } from '../../Avatar/Avatar';\nimport type { AvatarGroupItemProps, AvatarGroupItemState } from './AvatarGroupItem.types';\n\n/**\n * Returns the state for an AvatarGroupItem component, given its props and ref.\n *\n * Reuses the design-agnostic base hook from `@fluentui/react-avatar` for the\n * root/overflow-label wiring, then swaps the `avatar` slot to render the\n * headless `Avatar` from this package instead of the styled v9 Avatar.\n */\nexport const useAvatarGroupItem = (props: AvatarGroupItemProps, ref: React.Ref<HTMLElement>): AvatarGroupItemState => {\n  const state = useAvatarGroupItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    components: {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      ...state.components,\n      avatar: Avatar,\n    },\n    avatar: slot.always(props.avatar, {\n      defaultProps: { ...state.avatar },\n      elementType: Avatar,\n    }),\n  };\n};\n"],"names":["useAvatarGroupItem","props","ref","state","useAvatarGroupItemBase_unstable","components","avatar","Avatar","slot","always","defaultProps","elementType"],"mappings":"AAAA;;;;;+BAgBaA;;;eAAAA;;;gCAbQ;6BAC2B;wBAEzB;AAUhB,MAAMA,qBAAqB,CAACC,OAA6BC;IAC9D,MAAMC,QAAQC,IAAAA,4CAA+B,EAACH,OAAOC;IAErD,OAAO;QACL,GAAGC,KAAK;QACRE,YAAY;YACV,4DAA4D;YAC5D,GAAGF,MAAME,UAAU;YACnBC,QAAQC,cAAM;QAChB;QACAD,QAAQE,oBAAI,CAACC,MAAM,CAACR,MAAMK,MAAM,EAAE;YAChCI,cAAc;gBAAE,GAAGP,MAAMG,MAAM;YAAC;YAChCK,aAAaJ,cAAM;QACrB;IACF;AACF"}